gulp教程之gulp-uglify

Ooo_My_God发表于 分类:构建工具 阅读(8568) 评论(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. 请教个问题:我压缩的时候,命令行提示如下:
    localhost:web_mobile yontear$ gulp jsmin
    [19:03:37] Using gulpfile /data/www/web_mobile/gulpfile.js
    [19:03:37] Starting ‘jsmin’…
    [19:03:37] Finished ‘jsmin’ after 8.2 ms

    但一直就保持这个状态了,好像控制台死了,一直没有完成。不知道是什么问题造成的呢?谢谢了。

  2. Pingback: Gulp插件篇 – hihj.cn

  3. 求大神解答。$ gulp[12:06:39] Using gulpfile C:testgulpfile.js[12:06:39] Starting ‘default’…[12:06:39] Finished ‘default’ after 8.01 ms运行gulp如上提示,感觉成功了啊,但是没有生成压缩后的js文件,为什么呢?gulpfile.js文件是这样配置的var gulp=require(‘gulp’);var uglify=require(‘gulp-uglify’);gulp.task(‘default’,function(){ gulp.src(‘../zquery’) .pipe(uglify()) .pipe(gulp.dest(‘../js’));});

  4. 求大神解答。运行gulp后提示如下,但是没有输出压缩后的js文件zlj@ZLJC6E2 MINGW64 /c/test$ gulp[12:18:42] Using gulpfile C:testgulpfile.js[12:18:42] Starting ‘default’…[12:18:42] Finished ‘default’ after 7.43 msgulpfile文件配置如下var gulp=require(‘gulp’);var uglify=require(‘gulp-uglify’);gulp.task(‘default’,function(){ gulp.src(‘../zquery’) .pipe(uglify()) .pipe(gulp.dest(‘../dd’));});

输入关键字