gulp教程之gulp-uglify

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

简介:

使用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

相关推荐

评论

  1. 求大神解答,js怎么按顺序压缩合并,比如压缩合并jquery和bootstrap,jquery在bootstrap前面

    • 建议先合并后压缩。gulp.task(‘concat’, function() { return gulp.src([‘./lib/jquery.js’, ‘./lib/bootstrap.js’, ‘./lib/**/*.js’]) .pipe(concat(‘all.js’)) .pipe(gulp.dest(‘./dist/’));});

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

输入关键字