Question

我正在学习使用r.js来优化/缩小/ uglify一个前端应用程序。到目前为止它真的很酷很有前途，但我想弄清楚如何做一件事。我希望能够将目录中的所有文件（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文件连接到一个文件中（在我的例子中，是optimize.js）。 build.js文件的第二个版本复制整个目录并缩小所有文件，但保留目录结构。

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

这可能吗？

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

Answer 1

不，你不能合并这两个脚本，因为在第一个脚本中你只是优化了一个文件（这就是优化创建单个文件的原因：＆＃39; { {1}}＆＃39;参数）在第二个中您要优化整个目录（这就是为什么您使用＆＃39; out＆＃39 ;复制所有优化资源的参数）。实际上，使用＆＃39; dir＆＃39;和＆＃39; dir＆＃39;启动优化时，同一脚本中的参数应该会产生错误。使用第二个脚本，你将在js-built目录中优化main.js，为什么你不使用那个？

这些参数对您的脚本也很有用： out（uglify css文件）， optimizeCss: 'standard'（删除优化期间已包含在其他文件中的文件）

有关详细信息，请查看this website。

优化RequireJS前端应用程序

1 个答案: