Grunt：自动添加脚本标签

Question

这可能是一个愚蠢的问题，但我很擅长使用咕噜声。我有一个使用角度yeoman发生器的应用程序搭建。在index.html中，我注意到这样的行：

<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/main.js"></script>
<!-- endbuild -->

有没有办法自动添加新的脚本标签，因为我将文件添加到开箱即用的脚本目录中，或者我是否需要使用grunt-file-blocks之类的内容？

Answer 1

执行此操作的一种方法是使用grunt-script-link-tags插件here

假设您的所有脚本都在scripts目录中，您可以将其添加到 Gruntfile.js ：

tags: {
    build: {
        src: [
            'scripts/**/*.js'
        ],
        dest: 'index.html'
    }
}

然后将其添加到 index.html ：

<!-- start auto template tags -->
<!-- end auto template tags -->

结果将脚本（和子文件夹）中的所有*.js个文件都插入新index.html标记中的script。