-
构建环境
在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文件夹查看吧!
使用Gulp压缩JS文件
本文详细介绍如何在Node环境下利用Gulp工具进行JS文件的压缩处理。从环境搭建到配置文件编写,再到具体命令行操作,一步步指导读者完成JS代码的优化工作。
638

被折叠的 条评论
为什么被折叠?



