See how Stencil fits into the entire Ionic Ecosystem ->
Stencil is part of the Ionic Ecosystem ->

フレームワークバインディング

残念ながら、Webコンポーネントを既存のアプリケーションに統合する経験は、時には注意が必要です。これについての詳細は、https://custom-elements-everywhere.com/で読むことができます。さまざまな問題に対応するために、Stencilチームは、プロセスを簡素化するための新しい出力ターゲットプラグインを作成しました。

プラグインは、含まれているフレームワークバインディングごとに追加の出力ターゲットを追加します。この出力ターゲットは、コンポーネントがこれらのフレームワークのいずれかを使用して最初に作成されたかのように、ネイティブのangular/react/vueライブラリを出力します。

ステンシルバインディングを使用すると、コンポーネントを1回ビルドでき、ステンシルはangular/react/vueライブラリを出力します。これにより、コンポーネントのコンシューマーはすべてのフレームワーク機能を楽しむことができます。

参照用のプラグインを使用したプロジェクトリポジトリの例を次に示します。 https://github.com/ionic-team/stencil-ds-plugins-demo

BackNext
Contributors