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。

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

另一种选择是使用grunt-usemin，虽然我只用它来更新加速文件，我知道它也可以用来转换这些标签。如果您确实希望将usemin与Jade文件一起使用，usemin-patterns可能会派上用场。

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

1 个答案: