Javascript 优化RequireJS前端应用程序

我正在学习使用r.js优化/缩小/丑化前端应用程序。到目前为止，这真的很酷，很有希望，但我正在努力想办法做一件事。我希望能够将目录中的所有文件js、css、html连接到一个优化文件中，我可以将其放在前端的脚本标记中

到目前为止，我只成功地将requirejs.config文件中列出的JS文件放入一个优化文件中

但我想知道，除了requirejs.config文件中列出的文件之外，是否还有其他方法可以连接更多的文件-以下是我的requirejs.config文件供参考：

requirejs.config({
    enforceDefine: false,
    waitSeconds: 8,
    baseUrl: '/static',
    paths: {
        'async': 'vendor/async',
        'jquery': 'vendor/jquery',
        'ejs': 'vendor/ejs',
        'text': 'vendor/text',
        'form2js': 'vendor/form2js',
        'underscore': 'vendor/underscore',
        'ijson':'vendor/idempotent-json',
        'backbone': 'vendor/backbone',
        'bootstrap': 'vendor/bootstrap',
        'handlebars': 'vendor/handlebars',
        'backbone-validation': 'vendor/backbone-validation-amd'
        //'socketio': 'https://cdn.socket.io/socket.io-1.3.5'
    },

    'shim': {
        'underscore': {
            'exports': '_'
        },
        'backbone': {
            'deps': ['jquery', 'underscore'],
            'exports': 'Backbone'
        },
        'handlebars': {
            'exports': 'Handlebars'
        },
        ejs: {
            exports: "ejs"
        }
    }
});

我的build.js文件如下所示：

({
    "baseUrl": "./public/static",
    "name": "app/js/main",
    "mainConfigFile": "./public/static/app/js/main.js",
    "out": "./public/static/app/js/optimized.js"
})

我尝试的另一个build.js文件如下所示：

({
    "baseUrl": "./public/static",
    "dir": "./js-built",
    "mainConfigFile": "./public/static/app/js/main.js",
    //"optimize": 'none',

    "modules": [
        {
            name: "app/js/main",

            include: [
                "text"
            ],

            excludeShallow: [

            ]
        }


    ],
})

正如我所说，build.js文件的第一个版本将requirejs.config中列出的所有js文件连接到一个文件中（在我的例子中是optimized.js）。js文件的第二个版本复制整个目录并缩小所有文件，但保持目录结构不变

我要做的是把第一个和第二个结合起来。缩小目录中的所有文件，但以某种方式将它们连接到一个文件中

这可能吗

---

我对如何做到这一点的一个猜测是，只需列出我想在requirejs.config中连接的所有文件，然后使用我提到的第一个build.js文件。这是否正确？

不，您不能同时使用两个脚本，因为在第一个脚本中，您只优化了一个文件，这就是为什么优化会创建一个文件：“out”参数，而在第二个脚本中，您优化了整个目录，这就是为什么要使用“dir”参数复制所有优化的资源。实际上，在同一脚本中同时使用'dir'和'out'参数应该会在启动优化时产生错误。 使用第二个脚本时，您将在js构建目录中优化main.js，为什么不只使用该脚本呢

在脚本中，这些参数也可能对您有用： 优化css：“标准”丑陋的css文件， removeCombined:true删除优化过程中包含在其他文件中的文件

---

查看以获取更多信息。

看起来我可能需要在build.js文件optimizeAllPluginResources中使用此选项：true