在marionette项目中包含javascript文件

时间:2014-09-02 07:59:10

标签: javascript requirejs marionette

我有一个牵线木偶项目,我的主js文件看起来像:

define(["marionette", "handlebars"], function(Marionette, Handlebars){
    ...
});

现在我想制作一个我的大应用程序的结构。所以我想将这个函数的内容分成不同的文件。那我怎么能这样做:

define(["marionette", "handlebars"], function(Marionette, Handlebars){
    include routes.js
    include menu/model.js
    include menu/views.js
    ...
});

我认为require.js可以帮助我,但我不知道如何。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

要求AMD结构中的文件(如您所描述的那样),您可以在数组中提供文件的路径,并将导出的值作为回调的参数获取,如下所示。

define(
  [
    "marionette",
    "handlebars",
    "routes",
    "menu/model",
    "menu/views"
  ],
  function(Marionette, Handlebars, Routes, Model, MenuView){
    // ...
});

由于这是AMD的一个非常基本的东西,你应该阅读Require.JS(here)的文档和关于AMD模块的解释(如this one)。您将找到有关AMD结构等的大量信息

答案 1 :(得分:-1)

如果您愿意,browserify允许您使用require语法加载前端JavaScript模块。它看起来像这样。

#include <string.h>

它包含递归模块,代码更少。它实现了Common.js格式,因此它的外观和感觉与node.js相同。