vue-cli3修改配置实现多环境打包
2020-02-26 本文已影响0人
rain129
1.根目录下创建对应的.env.[name]文件
![](https://img.haomeiwen.com/i5959026/4736dbc347d377be.png)
.env.test文件内容
![](https://img.haomeiwen.com/i5959026/d58b7e640ed75fe5.png)
2.package.json文件中添加相应的打包命令
![](https://img.haomeiwen.com/i5959026/8427d5365571a780.png)
3.在vue.config.js文件中修改outputDir参数
![](https://img.haomeiwen.com/i5959026/ceae6fbfa0c22702.png)
4.最后可以在项目中根据不同环境使用不用的api地址了
![](https://img.haomeiwen.com/i5959026/6667866fa9ff4526.png)
关于为什么要这么做请参看vue-cli官方关于环境变量和模式的说明
关于为什么要这么做请参看vue-cli官方关于环境变量和模式的说明