gulp教程之gulp-uglify

Ooo_My_God发表于 分类:构建工具 阅读(11206) 评论(23)

简介:

使用gulp-uglify压缩javascript文件,减小文件大小。

1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件

1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程

1.2、本示例目录结构如下:

2、本地安装gulp-uglify

2.1、github:https://github.com/terinjokes/gulp-uglify

2.2、安装:命令提示符执行 cnpm install gulp-uglify --save-dev

2.3、注意:没有安装cnpm请使用 npm install gulp-uglify --save-dev什么是cnpm,如何安装?

2.4、说明:--save-dev 保存配置信息至 package.json 的 devDependencies 节点。为什么要保存至package.json?

3、配置gulpfile.js

3.1、基本使用

3.2、压缩多个js文件

3.3、匹配符“!”,“*”,“**”,“{}”

3.4、指定变量名不混淆改变

3.5、gulp-uglify其他参数 具体参看

4、执行任务

4.1、命令提示符执行:gulp jsmin

5、结束语

5.1、本文有任何错误,或有任何疑问,欢迎留言说明。

下载附件

如果觉得我的文章对您有用,请随意打赏。您的支持将是我继续创作的动力! ¥ 打赏支持 ¥

本站文章除注明转载外,均为原创文章,会经常更新知识点以及修正一些错误,因此转载请保留原出处,方便溯源,避免陈旧错误知识的误导,同时有更好的阅读体验。

http://www.ydcss.com/archives/54

相关推荐

评论

回复给XXX取消回复

说点什么吧...

网友最新评论 (23)

  1. 您好,看了您写的教程感觉挺详细的,能出gulp-useref的教程吗?

    小篮冰 12-01 15:25 回复
  2. 求大神解答,js怎么按顺序压缩合并,比如压缩合并jquery和bootstrap,jquery在bootstrap前面

    东成西就 12-22 10:00 回复
    • 建议先合并后压缩。gulp.task(‘concat’, function() { return gulp.src([‘./lib/jquery.js’, ‘./lib/bootstrap.js’, ‘./lib/**/*.js’]) .pipe(concat(‘all.js’)) .pipe(gulp.dest(‘./dist/’));});

      YDCSS 12-22 20:33
  3. 你好,使用gulp-uglify压缩js文件的时候,有些文件不用压缩,我看到不完全压缩是compress:false;怎么识别不压缩的字段呢?类似mangle:{except:[‘a’,’b’]}

    舞啊哈 01-12 15:45 回复
  4. 在git上没看到具体的参数设置方法,想请教下,你是从哪里找到的啊?

    小猪 03-27 10:39 回复
  5. 额,回复错了,不好意思。官方给出的配置方案是这个:mangle: true但是,我用这个参数并不能做混淆压缩,在网上找到的配置方案是这样的mangle: { toplevel: true}第二种方案可行,是我的版本不对吗?

    小猪 03-27 10:42 回复
输入关键字