将 aurelia 自定义元素创建为 npm 包（使用 Aurelia CLI）答案

【问题标题】：Creating an aurelia custom element as an npm package (using the Aurelia CLI)将 aurelia 自定义元素创建为 npm 包（使用 Aurelia CLI）
【发布时间】：2017-11-22 04:43:27
【问题描述】：

我正在使用 Aurelia CLI 创建 SPA，与使用 Jspm 相比，它使一切变得容易得多。

但是现在我们有一些自定义元素，例如：<my-custom-element></my-custom-element>，我们希望将其打包到 npm 包中，以便我们可以在多个/其他 Aurelia CLI 项目中使用它。

我将如何创建它？我找不到任何关于此的示例或文档。

我的猜测是我需要转换我的自定义元素文件，以便最终得到一个包含 .js 文件（我们使用 typescript）和正确的模块加载器语法（CommonJS？）的 npm 包？

我的理解是，我不能简单地创建一个包含我的 my-custom.element.ts + my-custom-element.html 文件的 npm 包，因为它都需要被转译、捆绑等等。

我还猜测我不能简单地做一个au build 并使用我的包，因为这会捆绑整个 SPA 而不仅仅是我的自定义元素文件？

那么我需要执行哪些步骤来创建一个 npm 包，其中包含可以添加到我的 Aurelia CLI 项目中的自定义元素？

非常欢迎任何帮助或样品！谢谢！

【问题讨论】：

标签： npm custom-element aurelia

【解决方案1】：

有很多方法可以做到这一点。但是，为了简单起见，我将推荐用于开发插件的官方 Aurelia 插件框架，你可以在 Github here 上获得它。如果您冒险进入src 文件夹，您将看到一个非常基本的自定义元素示例以及如何使其全局化。插件骨架使用 Gulp 进行构建任务，可以在 build/tasks 目录中找到。

目前，您无法使用 Aurelia CLI 创建插件。但在未来，您很可能会在 CLI 中看到此功能，因为它不仅仅是用于创建应用程序的 CLI。

【讨论】：