gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题
来源:互联网 发布:人工智能创业公司 编辑:程序博客网 时间:2024/05/16 13:41
今天学习gulp时候,用到gulp-uglify压缩js模块,遇到的一个问题-当用gulp.watch来监听js文件的变动时出现重复压缩的问题
目录结构如下:
gulpfile.js代码如下:
1 var gulp = require('gulp'); 2 var uglify = require('gulp-uglify'); 3 var rename = require('gulp-rename'); 4 5 gulp.task('uglify', function() { 6 gulp.src('./src/js/*.js') 7 .pipe(rename({suffix:'.min'})) 8 .pipe(uglify()) 9 .pipe(gulp.dest('./src/js'));10 });11 12 13 var watcher = gulp.watch('./src/js/*.js', ['uglify']);14 watcher.on('change', function(event) {15 console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');16 });
执行gulp uglify命令后:
也生成了对应的*.min.js:
但是当我打开一个kong.js文件重新保存后,会出现下面的情况:
保存一次就会重新压缩一遍,会出现很多*.min.min...js之类的js压缩文件,而且只有第一个kong.min.js值会跟着kong.js改变而改变,后来查了下文档,别人写有关gulp-uglify的内容,发现可以用!来筛除掉min.js,不让它压缩,更改后的代码:
1 var gulp = require('gulp'); 2 var uglify = require('gulp-uglify'); 3 var rename = require('gulp-rename'); 4 5 6 gulp.task('uglify', function() { 7 gulp.src(['./src/js/*.js','!./src/js/*.min.js']) 8 .pipe(rename({suffix:'.min'})) 9 .pipe(uglify())10 .pipe(gulp.dest('./src/js'));11 });12 13 14 var watcher = gulp.watch('./src/js/*.js', ['uglify']);15 watcher.on('change', function(event) {16 console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');17 });
其实就改了上面红色的那句代码,就解决了这个问题,可能这个问题很小,不过是自己学gulp的第一个问题,写篇博客纪念一下^.^有什么不对的,请大神指正,谢谢
(后面还遇到一个问题没有解决,拷贝别人的package.json配置文件,用npm install命令(window系统下)安装各种插件,总是失败不知道为什么,希望有大神可以指点一下,谢谢)
0 0
- gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题
- gulp-uglify《JS压缩》
- 使用gulp-uglify压缩js文件
- gulp-uglify《JS压缩》----gulp系列(四)
- angularjs使用gulp-uglify压缩后执行报错
- gulp教程之gulp-uglify
- gulp常用插件-gulp-uglify
- gulp教程之gulp-uglify
- gulp-uglify插件最新pump使用教程
- gulp build遇到的问题
- gulp serve 遇到的问题
- gulp watch
- gulp.watch
- gulp教程之gulp-uglify(压缩文件)
- gulp入门(2)- gulp-uglify插件
- gulp的安装与使用
- gulp 疑似缓存的问题,watch更新不及时
- gulp遇到的"坑"
- Android自定义ViewGroup(一)之CustomGridLayout
- 【CodeForces 598A Tricky Sum】
- ServletContext,ActionContext,ServletActionContext的区别
- 工作沟通
- 巴蜀1738 曹冲养猪
- gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题
- if(rs.next()) 和 while(rs.next())
- 开源支付系统--龙果支付系统介绍
- 【CodeForces 597A Divisibility】
- NSNotificationCenter使用
- CF 17B 水题
- java动态代理
- Java静态内部类
- 仪仗队(欧拉函数与其打表)