有环境变量就能完成我们的需求了，为什么需要有模式的存在，这里我没查到详细的文档，个人认为模式是为了提供给第三方的插件一个辨识。例如vuex可以根据模式的不同，在development自动注入devtoolPlugin插件，利于开发，而在production中检测到错误不会进行console。
举例
说完了概念，可能还是比较模糊，可以试着添加一个stage环境，用来模拟预上线。
首先在package.json添加一种类型，并修改默认环境变量为stage环境变量
在根目录下创建.env.stage文件，来声明变量：
这里声明的NODE_ENV = ‘production’用来表示这是生产环境。VUE_APP_CURRENTMODE为项目变量，outputDir为除数打包后文件的地址。
在vue.config.js中使用环境变量，制定输出文件为环境变量配置的文件：
最后执行命令yarn stage能看到根目录下生成了stage文件：
这样我们就配置完了stage环境。详细的项目地址可以参考：以vue-cli3.0为基础，结合vue-router、vuex、axios、iview组件库搭建一个工程化前端demo
参考文档：Environment Variables and Modes
总结
以上所述是小编给大家介绍的vue-cli3.0 环境变量与模式配置方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
