自动化构建环境搭建
来源:互联网 发布:企业级sas软件多少钱 编辑:程序博客网 时间:2024/06/08 06:33
首先,先来设定一个简单的需求:
- 一个本地开发环境,具备监控文件变化并实时更新的功能
- 修改代码,保存之后浏览器自动刷新
- 实时编译各种预编译格式文件
- 压缩合并静态资源,打包输出
- 部署上传
搭建环境
1.首先新建一个项目文件夹,并从控制台进入该文件夹
2.初始化项目
注:初始化项目 npm init ,然后回车回车回车···yes,就会在项目中默认创建一个package.json的文件
vim package.json
3.项目源码创建
4.编译打包 gulp来构建项目 browser-sync实现浏览器自动刷新功能
安装gulp
npm install -g gulp
mac:
sudo npm install -g gulp password:xxx
5.新建一个gulpsile.js
控制台输:
从控制台可以看到输出的 this is a test 构建成功。
利用gulp创建任务并执行
然后执行
gulp build 就可以一次性执行多个任务
/*gulp是以定义并执行一个个任务的形式来工作的流程管理工具*///gulpfile.jsvar gulp = require('gulp');//创建任务,分别处理把js,css,html文件放到dist/static目录下,把html文件放到dist下://cssgulp.task('css',function () { return gulp.src('src/css/*.css') .pipe(gulp.dest('dist/static'))})//jsgulp.task('js',function () { return gulp.src('src/js/*.js') .pipe(gulp.dest('dist/static'))})//htmlgulp.task('html',function () { return gulp.src('src/tpl/*.html') .pipe(gulp.dest('dist'))})gulp.task('build',['css','js','html'])
0 0
- 自动化构建环境搭建
- 自动化构建工具gulp环境搭建整理
- jenkins搭建自动化构建总结
- 搭建yeoman自动化构建工具
- 自动化环境搭建
- sahi自动化环境搭建
- 接口自动化环境搭建
- python自动化环境搭建
- nodejs自动化环境搭建
- 自动化环境搭建
- 构建前端自动化工作流环境
- 在ubuntu上通过jenkins+Gradle搭建android自动化构建环境
- gulp自动化环境搭建,自动化解决方案
- Ruby Watir自动化环境搭建
- 前端自动化测试环境搭建
- selenium + Python 自动化环境搭建
- KIF自动化框架环境搭建
- Android UiAutomator 自动化环境搭建
- ios判断用户是否打开通知
- Spring快速入门
- gd,bgd,sgd,ogd,fobos,rda,ftrl
- 用户退出后点击浏览器后退按钮失效
- MyBatis(1):MyBatis入门
- 自动化构建环境搭建
- 上滑下滑动画切换两个activity
- 设计模式六大原则之--依赖倒置原则(DIP)
- 自动扫描工具:Metasploit's Wmap
- Error:warning: Ignoring InnerClasses attribute for an anonymous inner class 错误怎么解决
- 解决外网向内网通信方案--NAT穿透技术详解
- Spring mvc 参数解析
- Java 8新特性之Optional随笔
- opencv小试牛刀