Tag: gulp gulp useref

使用gulp-useref如何添加额外的文件？

我的HTML文件是这样的： … <!– build:js build/js/vendor.js –> <script src="dep/angular/angular.js"></script> <!– endbuild –> 像这样构build文件： <script src="build/js/vendor.xxxxxxxx.js"></script> 现在我用gulp-angular-templatecache打包所有的视图文件，生成一个template.js，我想将这个文件添加到编译后的html文件里面，怎么做呢？ 我在additionalStreams设置选项中find了gulp-useref文件，但是我用来find不想实现的function。

gulp useref不能处理多个html文件

我的项目中有5个HTML文件，每个底部都有一个useref块，如下所示： <!– build:js static/js/main.js –> <script src="static/js/plugins.js"></script> <!– endbuild –> 所有5个文件中的常见JS文件是plugins.js。 我需要在每个HTML文件中的JS文件，并在我的所有文件中重复。 我的第二个HTML文件有这个块（再次plugins.js在那里）： <!– build:js static/js/main.js –> <script src="static/js/jquery.barrating.min.js"></script> <script src="static/js/plugins.js"></script> <!– endbuild –> 而我的第五个HTML文件有这个块： <!– build:js static/js/main.js –> <script src="static/js/jquery.matchHeight-min.js"></script> <script src="static/js/jquery.barrating.min.js"></script> <script src="static/js/plugins.js"></script> <!– endbuild –> 所以在每个使用plugins.js的文件中，在一些文件中我使用了一些其他的库。 但是，当我运行任务这三个文件不连接到main.js。 main.js中只有来自plugins.js的内容。 其他库不包括在main.js中。 为什么？ 我可以使用这个插件吗？ 我的一口气任务： gulp.task('compress:js:html', ['clear:dist'], function () { return gulp.src('./*.html') .pipe(useref()) .pipe(htmlmin({collapseWhitespace: true})) […]