1:先下载クロスENV NPM --save-devのクロスENVをインストール
2.1:最初の方法:
あなたはdev.env.js内の内容をコピーすることができます内部のconfigフォルダに、新しいtest.env.js(カスタム名)、
「厳格な使用」
constのマージは=( 'WebPACKのマージを')が必要です
constのdevenvをは=( './ dev.envを')が必要です
module.exportsは=マージ(devenvを、{
NODE_ENV: ' "
テスト
"'、
API_ROOT:「『http://bmh5.test.banmazgai.com/server』」//楽屋テストインターフェイスアドレス
})
prod.env.js内のコードを変更します。
'厳格な使用'
= {module.exportsはを
' "NODE_ENV のProd "'、
API_ROOT: ' "http://pxh5.youlanw.com/server"' //背景正式なインターフェイスアドレス
}
ファイルpackage.jsonにコマンドラインを変更します。
"スクリプト":{
"DEV": "のWebPACK-devのサーバー--inline --progress --config / webpack.dev.conf.jsを構築する"、
"スタート": "NPMの実行DEV"、
"テスト": "クロスENV NODE_ENV = 試験 env_config = テストノードビルド/ build.js」、
"ビルド": "クロスのenv NODE_ENVを= PRODの env_config = PRODのノードビルド/ build.js"
}、
NPMの実行DEV /ローカル環境の実行を開始
NPM実行するテストのテスト環境パッケージ
NPMは、正式な環境のパッケージをビルドし実行します
対応するサブJSファイル変数値一致NODE_ENV以下設定フォルダとenv_config値後ろNODE_ENV内部コマンドライン、
2.2:第二の方法
内部のconfigフォルダに、新しいtest.env.js(カスタム名)
'厳格な使用' ( 'のWebPACK-マージ')必要マージ=定数を CONST = devenvを必要とする( './ dev.env ') module.exportsは=(devenvを、{マージ NODE_ENV:' " 生産 "'、
API_ROOTを'「HTTP :「『背景テストインターフェースの、//アドレス//bmh5.test.banmazgai.com/server
ENV_CONFIG:』」テスト "」、//これは、パッケージの環境を区別するためです
)}
prod.env.js内のコードを変更します。
'厳格な使用' module.exportsはし= { NODE_ENV: ' " 生産 "'、
API_ROOT: ' "http://pxh5.youlanw.com/server"'、//背景正式インターフェースアドレス
ENV_CONFIG: ' " のProd "'
}
ファイルpackage.jsonにコマンドラインを変更します。
"スクリプト":{
"DEV": "のWebPACK-devのサーバーが--inline --progress --config / webpack.dev.conf.jsを構築する"、
"スタート": "NPMの実行DEV"、
"ビルド:テスト" : "クロスENV NODE_ENV = 生産 env_config = テストノードビルド/ build.js"、
"ビルド:PROD": "クロスのenv NODE_ENV = 生産 env_config = PRODのノードビルド/ build.js"
}、
NPMの実行DEV /ローカル環境の実行を開始
NPM実行ビルド:テストテスト環境パッケージ
NPM実行ビルド:PROD正式な環境パッケージ
対応するサブJSファイルの変数値を以下の背後NODE_ENVは= Configフォルダコマンドライン引数は、生産、すなわち、値が一致NODE_ENV
Env_config同じ値設定/ x.env.js変数値ENV_CONFIG
3:修正ビルド/ build.js以下のコード取得
説明があります
constのスピナー= ORA( 'prodのための建物....')
に改訂
constのスピナー= ORA(+ process.env.env_config 'の建物')
4:ビルド/ webpack.prod.conf.jsファイル
コード:
constのENVは=( '../のconfig / prod.env')を必要と
読みます:
CONST ENV =必要とする( '../設定/' + process.env.env_config + '.env')
5:axios、彼らの新しいJSファイルのパッケージ
「axios」からインポートaxios
変数API_ROOTを宣言したのconfig / test.env.js、設定/ prod.env.jsからaxios.defaults.baseURL = process.env.API_ROOT // API_ROOT変数
axios.defaults.headers.common [ '許可'] = 'JSESSIONID =' + _sessionId