gulp教程之gulp-uglify

Ooo_My_God发表于 分类:构建工具 阅读(11208) 评论(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. kaiser 02-28 14:54 回复
  2. Haha, shouldn’t you be charging for that kind of knoeeldgw?!

    Kirsten 06-19 11:14 回复
    • Do you have any good suggestions?

      Ooo_My_God 06-19 12:39
  3. 其他参数中的保留所有注释,all需要添加引号吧?

    lius 04-27 11:17 回复
    • 感谢你指出的问题,已更正。

      Ooo_My_God 04-28 21:55
  4. 请教个问题:我压缩的时候,命令行提示如下:
    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

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

    luguo 05-05 19:12 回复
  5. […] 作用:压缩javascript文件 安装:cnpm i gulp-uglify –save-dev 代码解析:(详细使用教程) […]

  6. 非常好,把重要的点都说清楚了

    小超 08-24 16:42 回复
  7. 1

    柯凌宏 09-01 19:46 回复
  8. 压缩后的文件名怎么设置啊

    黄金亮 09-02 20:41 回复
    • require(‘gulp-rename’)

      牧狼人 11-28 16:19
  9. 求大神解答。$ 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’));});

    非常 11-30 12:13 回复
  10. 求大神解答。运行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’));});

    非常 11-30 12:28 回复
    • 你都没有指定处理的文件哟。这样试试gulp.src(‘../zquery/**/*.js’)

      YDCSS 12-01 11:38
    • 这样也试了,还是不行,网上的资料实在太少了,这样的问题不知道怎么解决啊

      非常 12-22 02:52
    • 请问zquery目录是位于C:test文件夹下么?如果是则 gulp.src(‘./zquery/**/*.js’); 请确保路径正确。

      YDCSS 12-22 20:38
    • 你都没有指定处理的文件哟。这样试试gulp.src(‘../zquery/**/*.js’)

      YDCSS 12-01 11:38
输入关键字