在webpack中使用SystemJS模块?

时间:2016-08-11 10:30:12

标签: angular wijmo webpack-2

我正在尝试使用名为wijmo的第三方组件库和Angular 2.尽管如此,SystemJS给了我们无尽的麻烦,但是我们让它工作了。我很高兴看到angular-cli正在转向webpack,示例项目 fast

问题是wijmo似乎只包含一个缩小的文件,用于它们的angular 2组件,并将它们添加到angular-cli会引发一个错误,即'System'未定义,因为SystemJS不再使用了。有没有办法使用新的angular-cli或webpack 2来缩小SystemJS javascript文件?

导入和使用看起来像这样,并且intellisense有效,因为我们的项目中的节点模块中有.d.ts个文件:

import * as wjInput from 'wijmo/wijmo.angular2.input';

directives: [wjInput.WjInputDateTime]

我天真以为我可以破解angular-cli并在配置中添加一个外部,但后来我得到'系统未定义'错误:

external: {
  "wijmo": "wijmo"
},

1 个答案:

答案 0 :(得分:0)

截至目前,Wijmo没有直接的方法将模块名称映射到Angular CLI中具有'min.js'扩展名的文件。然而,这在Webpack,SystemJS和AMD中得到了支持。 临时解决方法是将'min.js'扩展名更改为'js'。

这是最近的博客文章,其中详细介绍了此问题以及使用不同模块加载器的预发布版本。 Integrating Wijmo Controls with Module Loaders and Bundlers