Backbone.js和Require.js工具r.js

Question

因此，在我的TODO应用程序中，我使用了Backbone和require.js。 一切都很酷。 我将所有模型，视图，集合分离为单个文件，并使用require.js加载它们。 在我尝试使用控制台require.js优化器r.js将所有文件加入一个文件之后。 结果我得到了所有我的库和类的一个文件。 但是，当我尝试运行时，遇到了Backbone未定义的错误。 我检查了文件，发现r.js生成了下一个内容：1.首先，它将主干源添加到app-built.js文件中，然后放置下一个字符串

define("lib/backbone", function(){});

因此，结果是我在窗口中有Backbone变量，但是在我的模块中，我以require.js方式使用了define('models/todo',['jquery','underscore','lib/backbone'],function ($, _, Backbone) {

否，因为在我的模块中是全局变量，因此未定义主干局部变量。 和underscore.js的相同问题。 R.js以相同的方式导入它。

这样的问题。 将来如何避免使用ewew libs出现此问题或如何立即解决此问题？ SOME技术？

Answer 1

您可能需要使用填充程序，因为根据RequireJS的Backbone期望Backbone位于基本url目录中。 在您的情况下，它似乎位于/ lib中。 配置垫片 。 根据所使用的RequireJS版本，您只需要确保所使用的库与AMD兼容即可。

在您的requireJS配置中：

shim: {
  backbone: {
    deps: ["underscore", "jquery"],
    attach: "Backbone"
  },
  underscore: {
    attach: "_"
  }
}