Ember

EmberでStencilコンポーネントを操作するのは、ember-cli-stencilアドオンのおかげでとても簡単です。アドオンは次の処理を行います。

• 必要なファイルをvendor.jsにインポートする
• コンポーネントの定義をassetsディレクトリにコピーする
• オプションで、古いEmberのバージョンと互換性を向上させるラッパーコンポーネントを作成する

まず初めに、Emberのアドオンをインストールします。

ember install ember-cli-stencil

そして、アプリケーションをビルドすると、依存するStencilコレクションが自動的に検出され、アプリケーションに含まれます。そのため、hbsファイルでCustom Elementを使うだけで、追加の作業は必要ありません。詳細は、ember-cli-stencilのドキュメントをご覧ください。