vue cli3は環境ごとにパッケージ化の手順を実装します

cli3 でビルドされた vue プロジェクトは、ゼロ構成ファイルとして知られています。パッケージ化を容易にするために (パッケージ化のために異なる環境を手動で変更せずに)、異なる環境でパッケージ化する必要がある場合はどうすればよいでしょうか?
1. ルートディレクトリに以下の3つの設定ファイルを作成します。

ここでは、ローカル、オフライン、オンラインの3つの環境を作成しました。3つのファイルの内容は次のとおりです。VUE_APP_TITLEは現在のファイルサフィックスに対応し、buildはプロダクションに対応します。

NODE_ENV = 'プロダクション'
VUE_APP_TITLE = 'アルファ'
====================================================================
NODE_ENV = 'プロダクション'
VUE_APP_TITLE = 'プロダクション'
====================================================================
NODE_ENV = 'プロダクション'
VUE_APP_TITLE = 'オンライン'

2.package.json は、図に示すように、対応する環境パッケージ名を構成します。

3.図に示すように

4. 図に示すように、インターフェース上のファイルをインターセプトします。

5. 構成後、3 つの環境は次のようにパッケージ化されます。
アプリのパッケージ化オフライン環境: npm run alpha
アプリのパッケージ化ローカル環境: npm run build
アプリパッケージングの正式な環境: npm run online

これで、vue cli3 で環境固有のパッケージングを実装する手順に関するこの記事は終了です。より関連性の高い vue cli3 環境固有のパッケージングコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。