第一步 安装 gulp

1
npm install gulp --save-dev

第二步 建立 gulpfile.js 这个文件 这里我们首先来使用 gulp 的第一个 concat 插件来合并 js 安装 gulp-concat

1
npm install gulp-concat

第三步写代码 1.使用 require 引入 gulp 和 gulp-uglify

1
2
3

var gulp = require("gulp");
var concat = require('gulp-uglify');

2.使用管道 pipe 方法生成混淆过后的代码

1
2
3
4
5
6
7

gulp.task('ugly',function(){
gulp.src(['index.js','!gulpfile.js'])
.pipe(gulp_webpack(gulp_config,webpack))//配合webpack来进行编码需要加载配置文件
.pipe(ungly())//压缩
.pipe(gulp.dest('./build/js'));
});

至此一个简单的任务 ugly 就写完了 第四步 运行 在 cmd 窗口中输入 gulp ugly 即可生成文件 qq%e6%88%aa%e5%9b%be20160916215928