Vue 二：webpack 多环境配置

ps：上次说了部署vue项目 ，这次补充下环境配置

我们实际项目中经常有好几个环境，然后我们通常会写个json格式配置文件，像下面这种

然后每次切换环境都要手动改，不方便，如何动态改呢？

有些人可能会用host来做判断，这也是一种方法

生命在于折腾，来来来，我们来用另一种方法

1、首先，安装cross-env

npm install cross-env --save-dev

2、package.json文件添加环境变量，我这里加的是JT_ENV=dev

3、在prod.env.js文件里添加刚刚加的JT_ENV变量（注意这里要加引号）

4、在刚刚的config文件里

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

然后，npm run dev 和 npm run builddev就是用dev环境，npm run build 就是用生产环境，要加其他环境也是差不多这样来，OK

閱讀更多 Java高級開發 的文章

關鍵字: 项目 JSON 技术