vue cli3 区分开发环境,测试环境,正式环境

    技术2025-04-13  14

    在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",变量进行对应的操作

     

    Processed: 0.012, SQL: 9