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

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 を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • vue-cli3 環境変数と環境パッケージの例
  • vue-cli3 パッケージコード後の白い画面の解決策
  • vue cli3.0 は静的リソースをパッケージ化して起動し、パスが見つからない問題の解決策
  • Vue Cli3 をパッケージ化して console.log ステートメントを自動的に無視する方法
  • vue-cli3.0 での CSS、JS、画像のパッケージ パスのカスタマイズの詳細な説明
  • vue-cli3 マルチ環境パッケージ構成の詳細な説明

<<:  CentOS 7 で RPM パッケージを使用して MySQL 5.7.9 をインストールするチュートリアル

>>:  Win2008 サーバー セキュリティ チェック手順ガイド (日常のメンテナンス手順)

推薦する

MySQL の null 制約のケースの説明

目次テーブルを作成するときにNOT NULL制約を設定するテーブルを変更するときに非NULL制約を追...

ユーザーエクスペリエンスの概要

最近では、ソフトウェアやウェブサイトのいずれの作業であっても、設計時に「ユーザー エクスペリエンス」...

要素タイムラインの実装

目次コンポーネント - タイムラインカスタムノードスタイルカスタムタイムスタンプコンポーネント - ...

今日、今週、今月、先月のMySQLクエリデータ

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

ローカル画像サーバーのNginx構成の実装

目次1. Nginx の紹介2. 画像サーバーの構築1. Nginx の紹介Nginx はリバース ...

VMware仮想マシンにdeepin20をインストールする最も完全で詳細なプロセス

仮想マシンソフトウェア: VMware Workstationイメージ: deepin-deskto...

JavaScript インスタンス オブジェクトでプロトタイプ メソッドをオーバーライドする方法の詳細

目次JavaScriptでは、通常、次のコードのようにクラスを簡単に定義できます。 var サンプル...

Linux システムで MySQL の文字セットを UTF8 に変更する手順

目次1. データベース内の MySQL ステータスを確認します。 2. 設定ファイルを変更します。 ...

docker-maven-pluginはイメージをパッケージ化し、プライベートウェアハウスにアップロードします。

目次1. docker-maven-pluginの紹介2. 環境とソフトウェアの準備3. デモ例3....

Ubuntu 16.04 にソースコードから Mininet をインストールする

ミニネットMininet は軽量のソフトウェア定義ネットワークおよびテスト プラットフォームです。軽...

バックエンドから返される 100,000 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

目次予備作業バックエンド構築フロントエンドページダイレクトレンダリングsetTimeout ページン...

CSSを使用してAndroidシステムの読み込みアニメーションを実装する

Web には一般的な読み込みアイコンが 2 つあります。1 つは iOS の「菊」、もう 1 つは ...

CentOS8.0 で FTP サーバーをインストールして設定する方法

CentOS8.0-1905 のリリース後、FTP サーバーを CentOS の新しいバージョンに移...

Linux の一般的な基本コマンドと使用方法

この記事では、一般的な基本的な Linux コマンドとその使用方法を例を使って説明します。ご参考まで...

CentOS での Docker の詳細なインストール チュートリアル

DockerにはCEとEEがあり、CE版はコミュニティ版(無料)、EE版はセキュリティを重視したエン...