gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题

本文主要是介绍gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天学习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 });