Spinejs 依赖加载顺序

Question

我正在尝试在 Spine.js 应用程序中使用 elycharts 。 Elycharts 猴子补丁 jQuery 添加 $('...').chart(...)。不幸的是，我收到一条错误消息，指出 $ 没有函数“chart”。

由于这是我的第一个 Spine.js 应用程序，因此我使用 spin.app 生成了它。它使用 jQuery 作为 NPM 模块。 Elycharts 对 CommonJS 不友好，因此必须包含在 slug.json 的“libs”部分中。根据 Spine 文档（请参阅 Hem 文档 中的 slug.json），“libs”中的任何文件都会在“依赖项”中的任何内容之前加载。所以我很确定问题是 elycharts 在 jQuery 之前加载，试图做它的猴子补丁，但由于 $ 尚未定义，它会默默地失败。

有没有人看到过与此类似的问题，使用依赖于已通过 NPM 包含的库的“库”？有没有办法在 libs 之外更精细地控制 spin.js 中的加载顺序 ->依赖关系？

Answer 1

对我来说“不太好”的解决方案是这样的：

<script type="text/javascript">
    var jQuery  = require("jqueryify");
    var exports = this;
    jQuery(function(jQuery){
// load jquery dependant libraries                  
    $.getScript("//cdnjs.cloudflare.com/ajax/libs/waypoints/1.1.6/waypoints.min.js", function() {
        var App = require("index");
        exports.app = new App({el: $("#wrapper")});      
    });
</script>

所以技巧是在应用程序初始化之前加载 jquery 依赖库。
希望它能帮助某人。

Answer 2

我一直在寻找一种解决方案，将 Twitter Bootstrap （也依赖于 jQuery）包含到 spin.js 应用程序（使用 spin 脚本生成）中。我发现的最好的方法是：只需将 jqueryify 替换为 jquery.js！

删除这些行：

./app/lib/setup.coffee:3:require('jqueryify')
./package.json:9:    "jqueryify": "~0.0.1",
./public/index.html:9:    var jQuery  = require("jqueryify");
./slug.json:5:    "jqueryify", 

然后将 jquery.js 和您的 javascript 库放入 app/lib 中，并将它们添加到 slug.json libs 数组中：

"libs": [
  "app/lib/jquery.js",
  "app/lib/jquery-dependent-3rd-party-lib.js"
]

瞧！

PS 至于 Twitter Bootstrap，我建议将整个 bootstrap 目录放入 public 目录中（因为它也附带 CSS 和图像）并从 slug.json< 引用它/code> 相应地：

"libs": [
  "app/lib/jquery.js",
  "public/bootstrap/js/bootstrap.min.js"
]

这样更新 Twitter Bootstrap 库将变得微不足道 — 无需将文件分散到各处。