开发和生产中 html 中的不同脚本

Question

我正在使用 concat grunt 任务：

concat: {
    dist: {
        src: [
            '../assets/js/jquery.js',
            '../assets/js/underscore.js',
            '../assets/js/pusher.js',
            '../assets/js/angular.js',
            '../assets/js/angular-resource.js',
            '../assets/js/angular-sanitize.js',

            '../core/module.js',
            '../core/**/*.js',

            'src/js/**/*.js'
        ],
        dest: 'dist/embed.js'
    }
},

最终我得到一个脚本文件，其中包含 dist/embed.js 中的所有脚本。
我在 src/index.html 中也有一个 html 文件。
我正在寻找一种在运行开发任务时注入所有这些脚本文件并在生产任务中仅注入 dist/embed.js 的方法。我正在尝试也不再次编写 index.html 中的所有脚本，但我想使用 concat 任务中的脚本列表。
有谁知道如何处理这个问题？
我会非常感谢示例。

Answer 1

我在unbox 中所做的是循环通过my view layout 中的上下文变量，加载所有必要的 CSS 和 JS。

这些被传递给静态编译 Jade 视图的 Grunt 任务，因此您可以共享配置来为每种情况生成 ../assets/js/jquery.js 和 /js/jquery.js 样式字符串。

另一个选项是使用grunt-usemin，虽然我只用它来更新 revved 文件，但我知道它也可以用来转换这些标签。如果您确实想将 usemin 用于 Jade 文件，usemin-patterns 可能会派上用场。