aureliaカスタム要素をnpmパッケージとして作成する（Aurelia CLIを使用）

Question

私はSPAを作成するためにAurelia CLIを使用しています.Jspmを使用するよりもずっと簡単です。

しかし、私たちはnpmパッケージにパッケージ化して複数の/その他のAurelia CLIプロジェクトで使用できるように、カスタムの要素：<my-custom-element></my-custom-element>を用意しました。

どうすれば作成できますか？私はこれに関する事例や文書を見つけることができません。

.jsファイル（私たちはtypescriptを使用しています）と正しいモジュールローダsynax（CommonJS？）を含むnpmパッケージで終わるようにカスタム要素ファイルをトランシルル化する必要がありますか？

私が理解しているのは、すべてmy-custom.element.ts + my-custom-element.htmlファイルを含むnpmパッケージを作成することはできません。すべてがトランスポートされ、バンドルされている必要があるからです。

au buildを実行して私のバンドルを使用することはできないと思っています。これは、カスタム要素ファイルだけでなく、SPA全体がバンドルされるからです。

したがって、Aurelia CLIプロジェクトに追加できるカスタム要素を含むnpmパッケージを作成するにはどのような手順を実行する必要がありますか？

どのようなヘルプやサンプルも大歓迎です！ありがとうございました！

Answer 1

これを行う方法はたくさんあります。しかし、物事をシンプルに保つために、私はGithub hereにアクセスできるプラグインを開発するための正式なAureliaプラグインスケルトンをお勧めします。 srcフォルダに移動すると、カスタム要素の非常に基本的な例とその要素をグローバルにする方法がわかります。プラグインのスケルトンは、ビルド作業にGulpを使用します。これはbuild/tasksディレクトリにあります。

現在、Aurelia CLIを使用してプラグインを作成することはできません。しかし、将来、アプリケーションを作成するための単なるCLI以上のものになるので、この機能がCLIに追加されている可能性が最も高いでしょう。