如何在Spine.js中使用自定义js库?

时间:2011-12-16 16:37:20

标签: spine.js

我知道这看起来很简单,但我想在我的脊椎应用程序中包含一个javascript库,以供我的脊椎类参考。有任何想法如何做到这一点?

1 个答案:

答案 0 :(得分:3)

Spine文档建议using Hem来管理JavaScript / CoffeeScript依赖项。

  

Hem还允许您指定要包含的静态JavaScript库,   在“libs”选项下:

{
  "libs": [
    "./lib/other.js"
  ]
}
但是,哼哼并不是绝对必要的。您可以在HTML中明确使用script标记来包含该库。请注意index.htmlSpine Contacts demo的此修改版本中other.js是如何引用的。

<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>App</title>
  <link rel="stylesheet" href="/application.css" type="text/css" charset="utf-8">
  <script src="/other.js" type="text/javascript"></script>
  <script src="/application.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    var jQuery  = require("jqueryify");
    var exports = this;
    jQuery(function(){
      var App = require("index");
      exports.app = new App({el: $("#article")});      
    });
  </script>  
</head>
<body>
  <header id="header"><h1>Spine Contacts</h1></header>
  <article id="article"></article>
</body>
</html>

现在可以从应用程序中的任何JavaScript / CoffeeScript立即访问other.js中的任何全局级对象或函数。