r.js：了解requirejs的r.js优化器

Question

我试图弄清楚使用require.js中的r.js来生成我的javascript文件中的build.js文件以仅在生产时加载一个文件是一个好主意。 但我想知道在我的情况下这是否是一个好主意，因为它似乎只是将大量内存加载到DOM中。 也许我弄错了。

看看我使用require.js实现的一个基于骨干的视图。 据我所知，r.js将获取此文件并进行优化并将其放入最终的build.js文件中，并以相同的方式定义所有其他视图，模型和集合。

define(function (require) {
  "use strict";

  var $                   = require('jquery'),
      _                   = require('underscore'),
      Backbone            = require('backbone'),
      tpl                 = require('text!tpl/start.html'),
      Mustache            = require('mustache'),
      template            = Mustache.compile(tpl);

  return Backbone.View.extend({
    initialize: function () {
    },

    render: function () {
      this.$el.html(template());
      return this;
    },

    events: {
      'click #submit': "start"
    },

    start: function (event) {
       // stuff to do ...
    }
  });
});

我想最终的build.js只需要将我的代码放在上面并将它们连接进去，对吧？ 所以这意味着当我更新我的index.html loading require.js然后我的build.js文件时，它只会将所有视图，模型和集合加载到DOM中。 不会占用太多内存，因为我不需要从头开始加载所有东西。 当通过build.js文件加载require时，调用require（'path / to / my / view'）是否有意义？

Answer 1

对于您的应用程序来说，将所有模块优化为单个文件可能没有意义。 r.js支持这种情况。 您需要做的是使用modules选项并根据需要定义任意数量的输出文件。 这种情况的一般说明可能是：

modules: [
    {
        name: 'main', 
        exclude: [ "viewA", "viewB" ],
    },
    {
        name: 'viewA',
        exclude: ['core']
    },
    {
        name: 'viewB',
        exclude: ['core']
    }
]

上面的设置假定要优化的源具有名为main ， viewA和viewB模块。 它可以建立3分优化束：一个core包含在任何情况下 ，被加载的所有核心模块viewA其表示一组模块中的情况下被加载某某，和viewB在被加载其表示一组模块其他情况。

如何设置modules参数取决于应用程序的具体情况。