为什么Gulp的uglify不起作用？

Question

我想用gulp丑化我的javascript代码。我正在Visual Studio 2015中开发一个Web应用程序，并且在gulpfile.js中有一堆任务脚本。下面是我试图丑化它是我们的打包所有的JavaScript到一个名为app.js文件中的脚本，以及如何的一个片段：

gulp.task('dev:js', ['lint'], function() { 
    return gulp.src(paths.appjs) 
     .pipe(plugins.order([ 
      'Shared/PartialViews/_mainLayout.js', 
      'Shared/shared.js', 
      '*' 
     ])) 
     .pipe(plugins.concat('app.js')) 
     .pipe(plugins.uglify())  // <-- Uglification 
     .pipe(gulp.dest(paths.distJs)); 
}); 

但它不工作。当我运行该应用程序时，打开Chrome控制台，我仍然可以看到app.js的完美清晰的形式。

同样的方法适用于其他文件，例如我们的vandor.js文件：

gulp.task('vendor:js', ['install'], function() { 
    return gulp.src(plugins.mainBowerFiles()) 
     .pipe(plugins.filter('*.js')) 
     .pipe(plugins.order([ 
      'jquery.js', 
      'bootstrap.js', 
      'jquery.dataTables.js', 
      'dataTables.bootstrap.js', 
      'dataTables.responsive.js', 
      'responsive.bootstrap.js', 
      'dataTables.select.js', 
      'pnotify.js', 
      '*' 
     ])) 
     .pipe(plugins.debug({ title: 'vendor-files:' })) 
     .pipe(plugins.concat('vendor.js')) 
     .pipe(plugins.uglify())  // <-- Uglification 
     .pipe(gulp.dest(paths.distJs)); 
}); 

为什么不为app.js同样的工作？

Answer 1

它不起作用，因为您需要在协商过程后保存文件，然后再次uglify并保存。像这样：

gulp.task('vendor:js', ['install'], function() { 
    return gulp.src(plugins.mainBowerFiles()) 
     .pipe(plugins.filter('*.js')) 
     .pipe(plugins.order([ 
      'jquery.js', 
      'bootstrap.js', 
      'jquery.dataTables.js', 
      'dataTables.bootstrap.js', 
      'dataTables.responsive.js', 
      'responsive.bootstrap.js', 
      'dataTables.select.js', 
      'pnotify.js', 
      '*' 
     ])) 
     .pipe(plugins.debug({ title: 'vendor-files:' })) 
     .pipe(plugins.concat('vendor.js')) 
     .pipe(gulp.dest(paths.distJs)) 
     .pipe(plugins.uglify())  // <-- Uglification 
     .pipe(gulp.dest(paths.distJs)); 
});