Javascript 如何从index.html获取我的js文件的所有SRC？

我使用以下配置将所有JS文件合并到一个文件中。 这会导致排序出现一些问题（我需要遵循index.html中js文件的顺序）

我想知道：

• 如何从index.html中获取我的js文件的所有SRC（以html中显示的顺序）
• 如何用对“build.js”的唯一引用替换index.html中的所有js文件

---

---

我不认为丑八怪有任何内置的东西会让你更容易。如果不添加另一个grunt插件，您唯一的选择就是按照您希望它们加入的顺序手动将它们插入到文件数组中

我建议使用，这是yeoman的一个grunt插件，它将首先解析css和/或js文件，然后缩小它们。它也是可扩展的，因此您可以添加额外的步骤，例如ngAnnotate

下面是一个示例用法：

<!-- build:js js/components-optimized.js -->

<!-- angularjs scripts -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/ngstorage/ngStorage.js"></script>        
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-file-upload/angular-file-upload.js"></script>
<!-- endbuild -->

---

谢谢你的解释！

<!-- build:js js/components-optimized.js -->

<!-- angularjs scripts -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/ngstorage/ngStorage.js"></script>        
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-file-upload/angular-file-upload.js"></script>
<!-- endbuild -->

    useminPrepare: {
        html: 'build/index.html',
        options: {
            root: 'build',
            dest: 'build',
            flow: {
                steps: {
                    js: ['concat', 'uglifyjs'],// ngAnnotate can be added here for example
                    css: [ 'concat', 'cssmin' ]
                },
                post: {
                    js: [{
                        name: 'uglify',
                        createConfig: function (context) {
                            context.options.generated.options = {preserveComments: 'some'};
                        }
                    }]
                }
            }
        }
    },