npm プライベート ウェアハウス (nexus) - Vue コンポーネントが nexus に公開される

1. コンポーネント プロジェクトを作成し、プロジェクト ディレクトリに入り、npm install を実行して依存関係をインストールし、npm run dev を実行して実行すると、ブラウザーがhttp://localhost:8080を開き、初期化ページが表示されます。

2. 次の図に示すように、src ディレクトリに新しいテスト コンポーネントを作成します。

3. プロジェクト ディレクトリに新しいコンポーネント エクスポージャ ファイルを作成します

4.package.jsonを変更する

公開する前に、Private を false に変更する必要があります。このコンポーネントを require モードで使用する場合は、メインの入り口に従って見つけることができます。そうでない場合は、ルート ディレクトリで Index.js または Index.node ファイルを見つけます。

5.webpack.config.jsを変更する

6.index.htmlのjsアプリケーションパスを変更 出力ファイル名が変更されるため、参照先ファイル名も変更されます。

7. それが正しくて利用可能かどうかをテストする

8. ターゲットファイルをビルドし、コミット無視を追加します。

9. nexus に公開 (アドレスは npmwarehouse を作成するnpm private library (nexus)-create npm Warehouse_QmagicianRX's blog-CSDN blogのアドレスです)

10. プロジェクトで使用 (サードパーティのコンポーネントと同様に使用します)

10.1 インストール

10.2 引用

10.3 ページの使用法

おすすめ

転載: blog.csdn.net/wuxiaoquan_520/article/details/130544511