Javascript Usemin和多个构建配置

Javascript Usemin和多个构建配置,javascript,gulp,gulp-usemin,Javascript,Gulp,Gulp Usemin,以下是我的index.html文件中的usemin构建配置示例 <!-- build:js js/one.js --> <script src="app/modules/one/one.js"></script> <script src="app/modules/one/two.js"></script> <script src="app/modules/one/three.js"></script> <!

以下是我的index.html文件中的usemin构建配置示例

<!-- build:js js/one.js -->
<script src="app/modules/one/one.js"></script>
<script src="app/modules/one/two.js"></script>
<script src="app/modules/one/three.js"></script>
<!-- endbuild -->

<!-- build:js js/two.js -->
<script src="app/modules/two/one.js"></script>
<script src="app/modules/two/two.js"></script>
<script src="app/modules/two/three.js"></script>
<!-- endbuild -->
我可以保留两个index.html文件并管理它。但我想知道,用一个index.html可以实现这一点吗


提前感谢您的帮助。

这个怎么样?将所有javascript文件合并到2个文件中,就像在开发环境中一样。然后把这两个文件合并成一个大文件

<!-- build:js js/one.js -->
<script src="app/modules/one/one.js"></script>
<script src="app/modules/one/two.js"></script>
<script src="app/modules/one/three.js"></script>
<!-- endbuild -->

<!-- build:js js/two.js -->
<script src="app/modules/two/one.js"></script>
<script src="app/modules/two/two.js"></script>
<script src="app/modules/two/three.js"></script>
<!-- endbuild -->

<!-- build:myApp js/myApp.js -->
<script src="js/one.js"></script>
<script src="js/two.js"></script>
<!-- endbuild -->

或者甚至用一个版本将所有文件加上边框

<!-- build:myApp js/myApp.js -->
<script src="app/modules/one/one.js"></script>
<script src="app/modules/one/two.js"></script>
<script src="app/modules/one/three.js"></script>
<script src="app/modules/two/one.js"></script>
<script src="app/modules/two/two.js"></script>
<script src="app/modules/two/three.js"></script>
<!-- endbuild -->

看起来您使用的管道id相同:js

 <!-- build:js js/one.js -->
 <!-- build:js js/two.js -->

尝试使用唯一的管道ID,如下所示:

 <!-- build:js1 js/one.js -->
 <!-- build:js2 js/two.js -->


谢谢你的建议..但是如何用一个index.html动态设置这样的配置,因为我讨厌手动保存两组构建配置为什么一开始就有两个索引文件?我们能看到完整的配置吗?不,我只有一个索引文件
<!-- build:js js/one.js -->
<script src="app/modules/one/one.js"></script>
<script src="app/modules/one/two.js"></script>
<script src="app/modules/one/three.js"></script>
<!-- endbuild -->

<!-- build:js js/two.js -->
<script src="app/modules/two/one.js"></script>
<script src="app/modules/two/two.js"></script>
<script src="app/modules/two/three.js"></script>
<!-- endbuild -->

<!-- build:myApp js/myApp.js -->
<script src="js/one.js"></script>
<script src="js/two.js"></script>
<!-- endbuild -->
<!-- build:myApp js/myApp.js -->
<script src="app/modules/one/one.js"></script>
<script src="app/modules/one/two.js"></script>
<script src="app/modules/one/three.js"></script>
<script src="app/modules/two/one.js"></script>
<script src="app/modules/two/two.js"></script>
<script src="app/modules/two/three.js"></script>
<!-- endbuild -->
 <!-- build:js js/one.js -->
 <!-- build:js js/two.js -->
 <!-- build:js1 js/one.js -->
 <!-- build:js2 js/two.js -->