vue工程的配置文件一般放在vue.config.js中,但是有时我们有自己的配置文件,需要在打包时动态切换,可在打包时动态指定node环境变量"process.env.NODE_ENV"切换。

        1、新增不同环境的配置文件

        2、export指定的配置文件 

import devConfig from './config/common/commonConfig_dev.js'
import prodConfig from './config/common/commonConfig_prod.js'
import testConfig from './config/common/commonConfig_test.js'
import demoConfig from './config/common/commonConfig_demo.js'

function config() {
    switch (process.env.NODE_ENV) {
        case "production":
            return prodConfig
        case "test":
            return testConfig
        case "demo":
            return demoConfig
        default:
            return devConfig
    }
}

export default config()

        3、项目中引用配置

import CommonConst from '@/commonConfig'

var url = CommonConst['webSocketUrl']

        4、本地运行或打包时指定当前环境(模式)

//本地运行,默认为development
yarn serve/npm run serve(dev)

//本地运行,使用demo配置文件
yarn serve --mode demo/npm run dev --mode demo

//打包,默认为production
yarn build/npm run duild

//打包,使用demo配置文件
yarn build --mode demo/npm run build --mode demo

Logo

前往低代码交流专区

更多推荐