1、集中型の環境設定:
(1)VUE-cliを基本的に使用して、あなただけのconfigフォルダ内にある設定ファイルのいずれかを記述するために必要なものに対処する必要はありません。
module.exportsは= マージ(prodEnv、{ NODE_ENV: ' "開発"' 、 BASE_URL: ' "/重量"' })
引用符の内部との間の関係は、次にWebPACKのプラグイン構成で定義されていることに注意してください。webpack.define.plugin。
webpack.dev.conf.js
プラグインあなたが値をとることができる必要がある場所に直接process.env.BASE_URLを使用して、コンパイル時にグローバル定数変数を定義します。
(2)これは、JSに追加の環境変数を制御するための方法です。
package.json
"スクリプト" :{ "DEV": "クロスENV NODE_ENV =開発のWebPACK-DEV-サーバ" 、 "ビルド": "クロスENV NODE_ENV =生産のWebPACKの--env.minimize" }、
あなたは、このようなドメイン名、変数、およびその定数のいくつかの必要性などの環境変数によって異なる環境に異なる設定を割り当てることができ;このアプローチは、環境変数に宣言したクロスのenv JSで支援していますが、最終的にwebpack.defineを必要としています.pluginプラグイン定義は、プラグインを使用すると、値に撮影することができます必要な場所に直接process.env.BASE_URLを使用して、コンパイル時にグローバル定数変数を定義します。
一般診療:
一元管理を定義します。
さて、この定義の後に、それをシリアル化、いくつかの処理が必要です。
ENVをしましょう。 スイッチ(process.env.NODE_ENV){ 場合 "製造" : ENV =必要とする( "./ prod.env" )。 破ります; 場合 "production.test" : ENVは =( "./ prod.test.env"を必要とします)。 破ります; 場合 "production.test2" : ENV =必要とする( "./ prod.test2.env" )。 破ります; デフォルト: ENVは =( "./ dev.env"が必要)。 破ります; } Object.keys(ENV).forEach(_key =>= JSON.stringify(ENV [_key]) })。 module.exportsは = ENV;
JSクロスENV NODE_ENV =開発ファイルが取るべき設定を決定し、最終的に得られるのenv webpack.define.plugin定義された場所を使用するには、直接グローバル定数変数に変換し、そうこのように、クロスENVモジュールをインストールする必要があります。