4

我第一次使用 jspm 并且已经遇到了障碍。

我需要弄清楚如何“填充”我们公司私有 npm 注册表中的专有脚本。

包裹:widget

  • 驻留在私有 npm 注册表上
  • 不是CommonJS、UMD/AMD 模块
  • 取决于lodashand jquery,但假设它们存在于全局范围内
  • 暴露Widget在全球范围内

这是(假设的)代码

var Widget = {
  render: function(el, symbol) {
    symbol = _.trim(symbol);
    $(el).text(symbol);
  }
};

应用程序.js

var widget = require("Widget");
widget.render(document.getElementById("name"), " Fred ");

索引.html

<body>
  <div id="name"></div>

  <script src="jspm_packages/system.js"></script>
  <script src="config.js"></script>
  <script>
    System.import("app");
  </script>
</body>

当我在本地 Web 服务器中运行此页面时,出现错误:

未捕获的参考:_ 未定义

我怎样才能提供一个“垫片” widget

4

1 回答 1

0

你最好的选择是,如果你可以更新 Widget 包的 package.json,你可以告诉 JSPM 它需要一个 shim:

{
  "shim": {
    "widget": { "deps": ["jquery", "lodash"] }
  }
}

(其中“widget”是包内的模块名称。)

如果由于某种原因您不能直接接触该 npm 包,那么您可以在 jspm 安装时覆盖 shim 信息:

jspm install widget -o "{ shim: { 'widget': { deps: ['jquery', 'lodash'] } } }"

(同样,“widget”是模块名称,作为包本身的本地名称。)

于 2015-06-13T22:35:58.987 回答