VUE-CLI 3.0分割、複数のパッケージ構成環境

サブ環境パッケージ：

• 開発環境
• テスト環境
• フォーマルな環境

プロファイル

• .env

• .env.development

• .env.production

   ルートディレクトリにこの3つのファイルがなければ、あなた自身を作成することができます

 

 各ファイルは、ENV書かれたものを見

• .env開発環境

NODE_ENV = ' DEV ' 
VUE_APP_CURENV = ' DEV '

• .env.developmentテスト環境

NODE_ENV = ' テスト' 
VUE_APP_CURENV = ' テスト'

• .env.production制作環境

NODE_ENV = ' プロ' 
VUE_APP_CURENV = ' プロ'

 

私たちはENVの上部のコードはそれでやっている書き込み、

私たちは、process.env.VUE_APP_CURENV VUE_APP_CURENV =「プロ」の値を慣れることができ、我々は、異なる環境のためのインタフェースを定義します

= baseUrlにLET '' 
スイッチ（process.env.VUE_APP_CURENV）{
   ケース ' DEV ' ：
    baseUrlに = config.publicPath.dev // これでローカルリクエストURL 
    BREAK 
  ケース ' テスト' ：
    baseUrlに = config.publicPath.test // テスト環境URL 
    BREAK 
  ケース ' プロ' ：
    baseUrlに = config.publicPath.pro // 生産URL 
    BREAK 
}

使用

 

あなたはコマンドを使用します

• NPM実行ビルド：DEV //パッケージ化された開発環境
• NPM実行ビルド：テスト//パッケージ化されたテスト環境
• NPM実行ビルド：プロ//パッケージ生産環境