Requirejs，杏仁，骨干，把手

这是我的情况，使用带有Requirejs的Backbone和Handlebars。Requirejs，杏仁，骨干，把手

我下面CommonJS的模块定义风格，因为我发现自己更舒服：

define(function(require) { 
    var Backbone = require('Backbone') 
    var Item = require('model/item') 
    // ... 
})

这是我requirejs配置：

require.config({ 
    baseUrl: "/javascripts/", 
    paths: { 
    jquery: 'components/jquery/jquery', 
    underscore: 'components/underscore/underscore', 
    backbone: 'components/backbone/backbone', 
    handlebars: 'components/handlebars/handlebars', 
    text: 'components/text/text' 
    }, 
    shim: { 
    underscore: { 
     exports: "_" 
    }, 
    handlebars : { 
     exports: "Handlebars" 
    }, 
    backbone: { 
     deps: ['underscore', 'jquery'], 
     exports: 'Backbone' 
    } 
    } 
});

一切之前运行平稳优化，没有问题发生。

但是，经过r.js依赖关系的优化似乎打破了。我想在生产中使用杏仁JS，所以这里是我的生成文件：

({ 
    baseUrl: ".", 

    paths: { 
     jquery: "components/jquery/jquery", 
     underscore: "components/underscore/underscore", 
     handlebars: "components/handlebars/handlebars", 
     backbone: "components/backbone/backbone", 
     text: "components/text/text" 
    }, 

    // we use almond minimal amd module loader 
    name: "components/almond/almond", 

    // the application entry point 
    include: ['app/init'], 

    // we need to teel almond to require app/init 
    insertRequire: ['app/init'], 

    out: "main.js", 

    cjsTranslate: true, 

    wrap: true, 

    optimize: "none" 
})

现在，当我运行在浏览器优化的JavaScript，我得到的是错误信息，说我jQuery和车把未定义（当然，都不是Backbone.$）。

简单的解决方法是迫使jQuery的负载，并将其分配给骨干，像这样：

var $ = require('jQuery') 
var Backbone = require('Backbone') 
Backbone.$ = $

但听起来很愚蠢的，多余的我。我觉得我做错了什么，但无法弄清楚什么。

优化后的车把也无法加载为依赖关系。如果我强制加载（就像我使用jQuery一样），在构建过程中我收到一条错误消息，说我找不到模块fs（一个npm包）。

我使用Google搜索，但只在Google群组（https://groups.google.com/forum/?fromgroups=#!topic/requirejs/lYwXS-3qjXg）上发现了与我的问题有关的主题，即使提议的解决方案根本无法工作。

来源

2013-01-09 S.C.

您可以在这里阅读关于在backbone中使用require.js的简单教程：http://addyosmani.github.com/backbone-fundamentals/#modular-development –

感谢您的帮助。我已经看了Addy的教程，但在我看来，我做错了什么。我正在更深入地研究它。 –

我想你应该在你的构建文件中添加Shim的配置。

来源

2013-01-09 13:31:37 Ingro

尽管使用导出，但确保Backbone被导出或使用BB的库创建者AMD实现。 – adrian

最长问题奖的最短答案将发给你。 – dezman

Requirejs，杏仁，骨干，把手

回答

相关问题