gulp安装和使用
官网 http://gulpjs.com/
下载
0、基于node,下载
1、下载命令行
npm install gulp-cli -g
2、准备两个文件
package.json
npm init
理论上name可以随便,gulp和空不要写
gulpfile.js
注:开头是小写
3、下载一个本地的gulp
npm install gulp --save-dev
自动化工具:
下载有三种方式:
npm install gulp
npm install gulp --save
存到了package.json里面的dependencies
npm install gulp --save-dev
存到了package.json里面的devDependencies
依赖项
使用
编写任务
1、引入模块
var gulp=require('gulp');
var uglify=require('gulp-uglify');
注:官网里面的模块不是很全,去npm官网搜
npm官网:https://www.npmjs.com/
gulp.task('任务名',function(){
//1、拿到这个文件
//2、压缩
//3、放到某个地方
gulp.src('js/a.js')//源文件
.pipe(uglify())//执行压缩任务
.pipe(gulp.dest('build/js')); //压缩完放到什么地方
});
2、配置监听
gulp自带监听模块,还需要配置
gulp.watch('文件名',['任务名']);
3、gulp.task('default',['任务名',....]);