-
构建环境
在d盘新建demo-node
空文件夹(路径自己随意)
cmd进入demo-node
文件夹,然后依次输入以下代码:npm install gulp -g 全局
安装gulpnpm init
创建项目描述文件package.json,一路回车npm install gulp-uglify --save-dev
安装gulp-uglify插件。
-
手动配置gulpfile.js
在项目根目录下新建一个gulpfile.js
文件,内容如下:
var gulp=require('gulp');
var uglify=require('gulp-uglify');
//任务名自定义uglify-mangle
gulp.task('uglify-mangle', function () {
var options={
mangle:{
toplevel: true //混淆变量名
},
compress: true, //类型:Boolean 默认:true 是否完全压缩
preserveComments: 'all'//保留所有注释
};
//多个js 可以采用数组 ['./js/*.js','./js/{test1,test2}.js']
return gulp.src('./js/*.js') //源文件路径,自己设置
.pipe(uglify(options))
.pipe(gulp.dest('./dist'));
});
切换到cmd窗口,
然后在里面输入:gulp uglify-mangle
然后回车
看到这些信息,说明压缩成功,快去dist文件夹查看吧!