フロントエンドエンジニアリング環境変数法

フロントエンドエンジニアリング環境変数は、通常、package.jsonでスクリプトのクロスのenvセットで使用されています

"スクリプト" ：{
     "奉仕"： "クロスENV NODE_ENV =開発META_BASE = meta.dev.com VUE-CLI-サービスは、--openサーブ" 、
    「クロスENV NODE_ENV =生産META_BASE = meta.online： "ビルド" .COM VUE-CLI-サービスのビルド」
}

このような一連の環境変数は、次のような欠点があります。

1.スクリプトコマンドは、書き込みが便利ではない、長すぎます

行の2交絡変数、便利視野

マルチ環境の3環境変数の導入、我々は、追加のコマンドの数を追加する必要があります

例えば：1環境と環境2それぞれに次を追加するために、開発、生産、テストを持っています

"スクリプト" ：{
     "DEV：ENV1"： "クロスENV NODE_ENV =開発META_BASE = meta.dev.com VUE-CLI-サービスは--openサーブ" 、
     "プロ：ENV1"：「クロスENV NODE_ENV =生産META_BASE = meta.online.com VUE-CLIサービスビルド" "試験：ENV1"： "クロスENV NODE_ENV =試験META_BASE = meta.online.com VUE-CLIサービスビルド" 、
     "DEV：ENV2"："クロス-env NODE_ENV =開発META_BASE = meta.dev.com VUE-CLI-サービスは、--openサーブ」、
     "プロ：ENV2"： "クロスENV NODE_ENV =生産META_BASE = meta.online.com VUE-CLI-サービスのビルド" 、
     "試験：ENV2"：「クロスENV NODE_ENV =試験META_BASE = meta.online。COM VUE-CLI-サービスの構築」 、
}

ENV-CMDは特に便利書かれた1つの環境ファイル、簡単で便利な、マルチ環境では、設定された環境変数に、このコンポーネントを使用することをお勧めします。

"スクリプト" ：{
     "DEV"： "ENV-CMD -e DEV -f ./.env-cmdrc.jsonノードindex.js" 
 }

ENV-cmdrc.json

{
   "DEV" ：{
     "ENV1"： "ありがとうDEV" 、
     "ENV2"： "すべてdevに関する" 
  }、
   "テスト" ：{
     "ENV1"： "ありがとう試験" 、
     "ENV2"： "全ての試験について" 
  } 、
   "PROD" ：{
     "ENV1"： "ありがとうPROD" 、
     "ENV2は"： "すべてPRODについて" 
  }、
   "HW：PROD" ：{
     "ENV1"： "おかげでHW：PROD" 、
     "ENV2"：「の場合すべてのHW：PROD」
  } 
}

環境変数、後者に対応するスクリプトコマンドpackage.json -e環境は、環境DEVの上方に配置されています

ENV =ましょうprocess.env。

console.log（ 'ENV1' 、env.ENV1）。
console.log（ 'ENV2'、env.ENV2）。

フロントエンドエンジニアリング環境変数法

おすすめ