如何在WebPack中使用Aurelia插件

Question

我想知道如何使用Aurelia插件，该插件是与JSPM一起使用的。我想和WebPack一起使用它。这个插件是奥雷利亚图，在src文件夹中使用.feature('aurelia-chart') (在main.js文件中)时效果很好，但最终目标当然是通过.plugin('aurelia-chart')在外部使用它。

我认为最大的问题是插件是通过index.js文件调用的，该文件位于node_modules\aurelia-chart\dist\commonjs\index.js下。这个index.js引用了更深的目录中的其他一些文件，我认为WebPack正在丢失这些其他文件的路径。

在index.js内部

aurelia.globalResources("./elements/chart-element", "./attributes/chart-attribute");

我正在犯的错误是

Unhandled rejection Error: Cannot find module './aurelia-chart/elements/chart-element'.

我确实尝试过通过奥雷利亚骨架-插件从头开始创建插件，但是即使是框架(除非我误解了)也是通过JSPM构建的，并且不能很好地处理WebPack或RequireJS。我还尝试删除所有文件夹，并将路径引用更改为位于同一个文件夹中，但这并没有帮助。

我还发现这个Github问题与我的问题非常相似，这个问题的答案是，在问题接近尾声的时候，应该像这样使用资源和捆绑配置：

// (package.json)
"aurelia": {
    "build": {
        "resources": [
            {
                "path": "users",
                "bundle": "users",
                "lazy": true
            }
        ]
    }
},

我尝试重用这段代码，并将其更改如下：

// (package.json)
    "aurelia-chart": {
        "build": {
            "resources": [
                "./~/aurelia-chart/dist/commonjs/elements/chart-element",
                "./~/aurelia-chart/dist/commonjs/attributes/chart-attribute",
                "./~/aurelia-chart/dist/commonjs/observers/model-observer"
            ]
        }
    }

我花了两天的时间试图让它通过各种捆绑过程在外部与.plugin('aurelia-chart')一起工作(例如来自aurelia-auth、aurealia-authentication、aurelia-animator-css的例子)。但我的尝试都没有效果。

请再次注意，它确实通过.feature('aurelia-chart')在本地工作。我想帮助作者和社区使用这个伟大的插件(可能是我自己的插件在未来)。我已经打开了一个关于这个问题的Github问题，作者是非常伟大和非常有帮助的，但也不知道如何使它在捆绑中工作，比如WebPack或RequireJS (CLI)。我希望有一个同时适用于WebPack和新Aurelia CLI的捆绑解决方案。

Answer 1

试试这个：

// (package.json)
"aurelia": {
  "build": {
    "resources": [
      "aurelia-chart/elements/chart-element",
      "aurelia-chart/attributes/chart-attribute"
    ]
  }
},

Answer 2

最新的aurelia (0.32.0) + webpack使用chart.js 2.5.0，并在main.js中使用全局资源

aurelia.use.plugin(PLATFORM.moduleName('aurelia-chart'));
aurelia.use.globalResources(PLATFORM.moduleName('aurelia-chart/elements/chart-element'));
aurelia.use.globalResources(PLATFORM.moduleName('aurelia-chart/attributes/chart-attribute'));