Question

我对咕噜很新。在我阅读示例时，我想知道如何处理下一个案例。让我们假设我有这种结构：

    /pages/layout.php
    /pages/index.php
    /pages/contacts.php

布局包含常见的js（如jquery / bootstrap），而联系人扩展layout.php并添加一些新的js

因此，布局使用

jquery.js
bootstrap.js

contacts.php

jquery.js
bootstrap.js
feedback.js

在我读过的文章中，作者通常只创建一个文件，比如frontend.js然后uglify它。但是如果我为每个页面都有多个js-plugins组合，我是否正确，我的concat配置应如下所示：

module.exports = function(grunt) {
    // I haven't tested this but that's the way I think it should look
    // Common scripts which will be used on every page
    var layout = ['/path/to/jquery.js', '/path/to/bootstrap.js'];

    grunt.initConfig({
        concat: {
            options: {
                separator: "\n"
            },

            layout: {
                src: layout.concat(['/path/to/index.js']),
                dest: '/path/to/result'
            },

            contacts: {
                src: layout.concat(['/path/to/feedback.js']),
                dest: '/path/to/result'
            }
        }
     });
}

配置可能会变得很大，具体取决于我有多少页面（使用js）。还是有另一种方法可以做这样的事情？

使用grunt连接多个页面的js

0 个答案: