Vue 二:webpack 多環境配置

ps:上次說了部署vue項目 ,這次補充下環境配置

我們實際項目中經常有好幾個環境,然後我們通常會寫個json格式配置文件,像下面這種

Vue 二:webpack 多環境配置

然後每次切換環境都要手動改,不方便,如何動態改呢?

有些人可能會用host來做判斷,這也是一種方法

Vue 二:webpack 多環境配置

生命在於折騰,來來來,我們來用另一種方法

1、首先,安裝cross-env

npm install cross-env --save-dev

2、package.json文件添加環境變量,我這裡加的是JT_ENV=dev

Vue 二:webpack 多環境配置

3、在prod.env.js文件裡添加剛剛加的JT_ENV變量(注意這裡要加引號)

Vue 二:webpack 多環境配置

4、在剛剛的config文件裡

const env = process.env.JT_ENV === 'dev' ? 'dev': 'production';

Vue 二:webpack 多環境配置

然後,npm run dev 和 npm run builddev就是用dev環境,npm run build 就是用生產環境,要加其他環境也是差不多這樣來,OK


分享到:


相關文章: