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-Angular / grunt无法加载模板


下一篇:javascript – 无法获得grunt预处理来替换值