使gulp-usemin只丑化未缩小的文件

我想在一个scripts.js文件中包含所有的Javascript。 这里是我的index.html的一部分：

 <!-- build:inlinejs js/scripts.js --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/moment/min/moment.min.js"></script> <script src="bower_components/moment/locale/de.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> <script src="js/main.js"></script> <!-- endbuild --> 

我目前的Gulpconfiguration如下：

 gulp.task('usemin', function () { return gulp.src('./*.html') .pipe(usemin({ css: [minifyCss(), 'concat'], html: [minifyHtml({empty: true})], js: [uglify(), rev()], inlinejs: [uglify()], inlinecss: [minifyCss(), 'concat'], inline: ['concat'] })) .pipe(gulp.dest('dist/')); }); 

正如你所看到的，已经有很多缩小的Javascript文件，所以我不希望我的构build浪费宝贵的时间来缩小已经缩小的文件。 我该怎么做才能只丑化非缩小的文件？

Answer 1

我知道这是前一阵子问过的，但是我遇到了同样的问题，find了解决办法。

在你的HTML你可以给build立块的名称：

 <!-- build:jsLibs js/libs.js --> <script src="bower_components/jquery/dist/jquery.min.js"></script> <!-- endbuild --> <!-- build:jsApp js/app.js --> <script src="js/main.js"></script> <!-- endbuild --> 

在吞咽任务中：

 gulp.task('usemin', function () { return gulp.src('./*.html') .pipe(usemin({ ... jsLibs: ['concat'], jsApp: [uglify, rev] })) .pipe(gulp.dest('dist/')); }); 

希望能帮助别人。