在 webpack 中使用 SystemJS 模块？答案

【问题标题】：Use SystemJS module in webpack?在 webpack 中使用 SystemJS 模块？
【发布时间】：2016-08-11 10:30:11
【问题描述】：

我正在尝试在 Angular 2 中使用名为 wijmo 的第 3 方组件库。尽管 SystemJS 给我们带来了无穷无尽的麻烦，但我们让它发挥了作用。我很高兴看到 angular-cli 正在迁移到 webpack，并且示例项目 fast。

问题在于，wijmo 似乎只为其 angular 2 组件包含一个缩小文件，并且将它们添加到 angular-cli 会引发一个错误，即“系统”未定义，因为不再使用 SystemJS。有什么方法可以将缩小的 SystemJS javascript 文件与新的 angular-cli 或 webpack 2 一起使用？

导入和使用看起来像这样，并且智能感知可以工作，因为我们在项目的节点模块中有.d.ts 文件：

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

directives: [wjInput.WjInputDateTime]

我天真地以为我可以破解 angular-cli 并在配置中添加一个外部，但后来我收到“系统未定义”错误：

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

【问题讨论】：

标签： angular wijmo webpack-2

【解决方案1】：

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

这是最近的一篇博客文章，其中包含有关此问题的详细信息以及使用不同模块加载器的预发布版本。 Integrating Wijmo Controls with Module Loaders and Bundlers

【讨论】：