sample-vue-component-npm-package

このリポジトリについて

このリポジトリは、Vueコンポーネントをnpmパッケージとして公開するサンプルコードである。

Vueコンポーネントをnpmパッケージとして公開する手順

1. 公開するVueコンポーネントを作成
   • 本リポジトリではsrc/components/CounterButton.vueを公開している。
2. エントリーポイントを作成
   • 本リポジトリではsrc/index.jsをエントリーポイントとしている。
3. npmモジュールをビルド
   • 本リポジトリではViteをビルドツールとして利用しているので、vite.config.jsにnpmモジュールのビルド設定を記載している。
4. npmパッケージを公開
   • package.jsonに以下の設定を追加する。
     • module: npmパッケージとして公開するnpmモジュールファイルのパス
     • exports.".".import: npmパッケージの読み込みでimport文を利用した際に参照するnpmモジュールファイルのパス
     • exports.".".require: npmパッケージの読み込みでrequire関数を利用した際に参照するnpmモジュールファイルのパス