gulp压缩文件后怎样更方便地替换路径?

gulp压缩CSS/JS文件后怎样更方便地自动替换路径?

现在使用的是gulp-useref,但是发现一些问题




问题:gulp-useref合并文件需要写很多遍注释

用过gulp-useref的应该知道,要在HTML文件里这样加上注释,它才工作:


<!-- build:js js/main.min.js -->


<script src="js/a.js"></script>
<script src="js/b.js"></script>
<script src="js/c"></script>

<!-- endbuild -->


这样相当卧槽。。为毛呢,比如我有2个HTML:


第一个HTML—001需要a.js、b.js


<!-- build:js js/abc.min.js -->
<script src="js/a.js"></script>
<script src="js/b.js"></script>
<!-- endbuild -->

第二个HTML—002需要b.js、c.js


<!-- build:js js/abc.min.js -->
<script src="js/b.js"></script>
<script src="js/c"></script>
<!-- endbuild -->

这时候如果你运行gulp-useref你会发现你完蛋了
*因为得到的abc,js里面只有b.js和c.js的内容


为了避免这个问题。。。
1、就要给每个HTML加上不同的注释,以合并成不同的文件名的JS(abd1.js和abc2.js)。。
2、或者把公用的JS拿出来合并,剩下的JS再合并,也要加多次注释


如果有很多HTML页面写很多次注释会变得相当麻烦。。




不知道大家有什么更好的方案没有?球分享
已邀请:

一方面,题主为何不尝试别的合并工具?比如 https://www.npmjs.com/package...


另一方面,对于这样的需求,建议使用 seajs 或 requirejs 等模块管理和加载工具。

要回复讨论请先登录注册