只选择带有 gulp 和“main-bower-files”的缩小文件？

Question

我尝试创建 gulp 任务，该任务创建包含 bower_components 的“index.html”文件。 但是，我只需要在 index.html 文件中包含缩小的 bower_componets 文件。

 var buildVendors = gulp.src(mainBowerFiles()).pipe(gulp.dest(paths.buildBower));
 return gulp.src(paths.index)
.pipe(inject(buildBowerFiles,{
            relative: true,
            name: 'bowerInject'
        }));

目前，我得到了所有的 js 文件，但没有得到它的缩小版本。

<script src="bower/ngBootbox.js"></script>

我想如果它来了

<script src="bower/ngBootbox.min.js"></script>

Answer 1

mainBowerFiles() 函数接受 filter，您可以使用它来仅获取 min.js 文件。

mainBowerFiles('**/*.min.js')

所以你的 Gulp 脚本会是

var buildVendors = gulp.src(mainBowerFiles('**/*.min.js')).pipe(gulp.dest(paths.buildBower));
     return gulp.src(paths.index)
     .pipe(inject(buildBowerFiles,{
        relative: true,
        name: 'bowerInject'
     }));

也就是说，您也可以在 Gulp 中导入未缩小的文件并缩小已编译的 JS 文件。