{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 聊天终结者 的问题《How do I shim a non CommonJS, non AMD package whic》','https://www.manongdao.com/q-801276.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I am using jspm for the first time and already ran into a snag.
I need to figure out how to "shim" a proprietary script which lives on our company's private npm registry.
Package: widget
- Resides on private npm registry
- Is not a CommonJS, UMD/AMD module
- Depends on
lodashandjquery, but assumes they exist on global scope - Exposes
Widgeton the global scope
Here's the (hypothetical) code
var Widget = {
render: function(el, symbol) {
symbol = _.trim(symbol);
$(el).text(symbol);
}
};
app.js
var widget = require("Widget");
widget.render(document.getElementById("name"), " Fred ");
index.html
<body>
<div id="name"></div>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
System.import("app");
</script>
</body>
When I run this page in a local web server, I get an error:
Uncaught Reference: _ is not defined
How can I provide a "shim" for widget?
Your best bet is that if you can update the package.json for the Widget package you can tell JSPM it needs a shim there:
(Where "widget" is the module name inside the package.)
If for some reason you can't directly touch that npm package, then you can override the shim information when you jspm install it:
(Again, where 'widget' is the module name, as local to inside the package itself.)