Aurelia：如何使用 npm 包中的視圖/視圖模型？

Question

我們將 Aurelia 用於我們應用程序的前端。 由於我們將有幾個基於它的不同項目，我希望能夠將我們所有的自定義代碼添加到開發人員可以添加的一些 npm 包中。 這將允許我們創建一個新的空項目，將依賴項添加到我們的可重用代碼中，而不將其包含在項目的代碼庫中（因此可以在需要時單獨更新）。

例如，我想要一個工具包和一個服務包。 這當然很容易。

但我不知道如何使用包含我們所有自定義可重用組件的“ui”包。 這甚至可能嗎？ 我如何在 html 模板中需要一個組件？

如果無法做到這一點，有沒有人知道如何將可重用代碼與應用程序特定代碼徹底分開？

多謝！

Answer 1

當然可以，這就是許多可用於 aurelia 的插件所做的。 一種方法是將您的組件注冊為全局資源（在您的包或插件中）並將它們導入您的客戶端應用程序，CLI 示例：

// from your plugin
aureliaConfig.globalResources([
    './jqm-loader',
    './jqm-page',
    './jqm-footer',
    './jqm-header'
]);

然后將它們導入您的應用程序：

// aurelia.json
{
    "name": "my-reusable-widgets",
    "path": "../node_modules/my-reusable-widgets",
    "main": "index",
    "resources": [
          "**/*.{css,html}" //to load them all or you can add individual files
     ]
}

然后使用您的小部件：

<jqm-loader></jqm-loader>
...

如果你不想使用 globalResources 你也可以使用 require：

<require from="my-reusable-widgets/jqm-header"></require>
<jqm-header></jqm-header>