在路由器初始化之前在路由器操作 VS 中加载组件的优缺点

Question

这样做有什么缺点/优点：

define(function(require) {
    var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");
    return Backbone.Router.extend({
        routes: {
            "":                 "home",
            "employees/:id":    "employee"
        },
        home: function() {
            require(["app/views/Home"], function (HomeView) {
                var view = new HomeView({el: $content});
                view.render();
            });
        },
        employee: function(id) {
            require(["app/views/Employee", "app/models/Employee"], function (EmployeeView, Employee) {
                var employee = new Employee({id: id});
                employee.fetch({
                    success: function (data) {
                        var view = new EmployeeView({model: data, el: $content});
                        view.render();
                    }
                });
            });
        }
   });
});

在此：

（注意第4-6行）

define(function(require) {
    var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");
    var HomeView = require("app/views/Home"),
        EmployeeView = require("app/views/Employee"),
        Employee = require("app/models/Employee");
    return Backbone.Router.extend({
        routes: {
            "":                 "home",
            "employees/:id":    "employee"
        },
        home: function() {
            var view = new HomeView({el: $content});
            view.render();
        },
        employee: function(id) {
            var employee = new Employee({id: id});
            employee.fetch({
                success: function (data) {
                    var view = new EmployeeView({model: data, el: $content});
                    view.render();
                }
            });
        }
   });
});

Answer 1

选项 2 会在应用程序启动时将所有依赖项加载到内存中（无论是否使用它）;选项 1 将在调用路由且需要模块时动态加载依赖项。

选项 1 对我来说似乎更好。