javascript – Grunt：自动添加脚本标签

这可能是一个愚蠢的问题,但我很擅长使用grunt.我有一个使用角度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这样的东西？

解决方法:

一种方法是使用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中.

标签：javascript,gruntjs,yeoman
来源： https://codeday.me/bug/20190825/1715999.html