Vue多环境配置--切换生产环境、测试环境和开发环境

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue多环境配置--切换生产环境、测试环境和开发环境相关的知识,希望对你有一定的参考价值。

参考技术A 情况二:使用cli3.x或者4.x没有build和config文件夹

1、根目录下新建文件:.env.development(开发环境)、.env.test(测试环境)、.env.production文件(生产环境)

2、三个配置文件的配置内容如下:

.env.development(开发环境)配置内容

.env.test(测试环境)配置内容

.env.production文件(生产环境)配置内容

3、修改vue.config.js

module.exports = // 基本路径,相对路径 publicPath: "./", // 输出文件目录 outputDir: process.env.outputDir,

4、修改package.json文件

5、判断并使用不用的开发环境配置

以上是关于Vue多环境配置--切换生产环境、测试环境和开发环境的主要内容,如果未能解决你的问题,请参考以下文章

vue项目打包配置多环境

vue-cli+webpack 实现开发测试生产多环境打包切换

VUE项目多环境配置.md

VUE打包区分生产和测试环境

Taro 多环境打包配置【开发,测试,生产环境】

vue生产环境图片无法显示200