在src同级新建三个文件,表示开发,测试和正式环境,如下:
每个文件中的内容配置:
测试环境:
NODE_ENV = 'production'
VUE_APP_FLAG = 'test'
outputDir = 'test'
开发环境:
NODE_ENV = 'development'
VUE_APP_FLAG = 'development'
正式环境:
NODE_ENV = 'production'
VUE_APP_FLAG = 'production'
outputDir = 'dist'
配置打包命令
module.exports = {
// 输出文件目录
outputDir: process.env.outputDir,
};
package.json 打包配置
"scripts": { publish:vue-cli-service build --mode test && vue-cli-service build }
代码里面要区分环境,就可以通过 process.env.VUE_APP_FLAG == "test",变量进行对应的操作