gulp-uglify(压缩js)

  • 构建环境


在d盘新建demo-node空文件夹(路径自己随意)

cmd进入demo-node文件夹,然后依次输入以下代码:
npm install gulp -g  全局安装gulp
npm 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文件夹查看吧!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值