版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011565547/article/details/80256577
基于node环境，如未安装请自行安装
Node安装说明：
http://www.cnblogs.com/zhouyu2017/p/6485265.html（window）
https://blog.csdn.net/u010053344/article/details/50545304(mac)
一、安装
1.安装gulp
npm install -g gulp
2.检查gulp 版本
gulp –v
3.在项目文件夹下安装gulp
npm install --save-dev gulp
二、压缩JS/css（含重命名设置）
1.安装相关依赖模块
npm install gulp-uglify //js
npm install gulp-clean-css //css
npm install gulp-rename //重命名
2.在项目根目录创建gulpfile.js文件
3.在gulpfile.js文件中写入代码
以下以压缩js为例:
var gulp = require('gulp');
var uglify = require('gulp-uglify');vary rename = require("gulp-rename");
// 创建压缩任务
gulp.task('uglify', function() {
//1找到文件
// gulp.src(path)的参数可以为tring也可以为Array,
//每一个元素都是你要压缩的文件的相对路径
//src/js/*.js则代表路径下全部 gulp.src(['src/js/my.js']) //设置压缩后重命名
.pipe(rename({suffix: '.min'}))
// 2. 压缩文件
.pipe(uglify({
mangle: false
}))
// 3. 另存压缩后的文件
// gulp.dest(path)能被 pipe 进来，并且将会写文件。
//并且重新输出（emits）所有数据，因此你可以将它 pipe 到多个文件夹。
// 如果某文件夹不存在，将会自动创建它。
.pipe(gulp.dest('dist/js'));
});
4.命令行中切换到gulpfile.js所在的目录，执行如下命令开始压缩
或
在所在目录（D:\FSW\www\testJAR）中按shift+右健（在此外打开命令窗口），执行如下命令开始压缩
gulp script（scrip为任务名）
例如：上面的tats的任务名是“guilty”这里就是gulp guilty
三、若设置watch自动化监听:（对上述压缩任务自动更新） gulp.task('default', function(){
gulp.run('uglify','csscompress'); //uglify csscompress 为上面需要监听的任务名
// 监听JS文件变化
gulp.watch('src/js/my.js', function(){
gulp.run('uglify'); //多个任务就直接往后加即可
});
}); 设置完自动化监听；命令启动监听 命令行中切换到gulpfile.js所在的目录，执行如下命令开始压缩
或
在所在目录（D:\FSW\www\testJAR）中按shift+右健（在此外打开命令窗口），执行如下命令开始压缩
gulp default 例：