カスタム npm パッケージで Vue と Vuex をエクスポートする

Question

Vue/Vuex プロジェクトをプライベートでホストされる npm パッケージに分割しようとしています。そこまでは到達していると思いますが、現在のレイアウトがよくわかりません。これまでのところ:

リーリー

私の目標は、BrokerProposal ディレクトリをインポート可能にすることです。これは、最初の index.js ファイルで実現されます:

リーリー

このプロジェクトでは vuex も使用しているため、状態のミューテーターなどを BrokerProposal で使用するこのパッケージに分割しました。エンド ユーザーはインポート後にこのストレージをバインドできます。index.js ファイルは次のとおりです。 リーリー

package.json ファイルには何かを指す必要がある「main」セクションがあるため、/src と同じレベルに別のindex.js ファイルをインクルードする必要があるように感じます。

Answer 1

Vue.use(Vuex) や GlobalVue.use(plugin) などの副作用は、このパッケージを使用するプロジェクトに干渉する可能性があるため、回避する必要があります。適切な Vue インスタンスを使用してプラグインをセットアップするのはプロジェクトの責任です。

すべてのパブリック エクスポートには、エントリ ポイントでエクスポートという名前を付けることができます (例:

src/index.js:) リーリー

コンポーネントをローカルにインポートする必要がある場合には、グローバル登録に

Vue.component に依存するのではなく、コンポーネントをエクスポートすることもお勧めします。