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

Question

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页面写很多次注释会变得相当麻烦。。

---

不知道大家有什么更好的方案没有？球分享

Answer 1

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

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