Javascript Grunt:自动添加脚本标记

Javascript Grunt:自动添加脚本标记,javascript,gruntjs,yeoman,Javascript,Gruntjs,Yeoman,这可能是一个愚蠢的问题,但我对使用grunt还很陌生。我已经有了一个应用程序的框架使用角度约曼发电机。在index.html中,我注意到如下行: <!-- build:js({.tmp,app}) scripts/scripts.js --> <script src="scripts/app.js"></script> <script src="scripts/controllers/main.js"></script> <!--

这可能是一个愚蠢的问题,但我对使用grunt还很陌生。我已经有了一个应用程序的框架使用角度约曼发电机。在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
的东西?

一种方法是使用
grunt script link tags
插件

假设您的所有脚本都在
scripts
目录中,您可以将其添加到Grunfile.js中:

然后将其添加到index.html:


结果将是脚本(和子文件夹)中的所有
*.js
文件将插入到新
脚本
标记中的
index.html

tags: {
    build: {
        src: [
            'scripts/**/*.js'
        ],
        dest: 'index.html'
    }
}
<!-- start auto template tags -->
<!-- end auto template tags -->