Vue打包时指定配置文件
vue工程的配置文件一般放在vue.config.js中,但是有时我们有自己的配置文件,需要在打包时动态切换,可在打包时动态指定node环境变量"process.env.NODE_ENV"切换。4、本地运行或打包时指定当前环境(模式)2、export指定的配置文件。1、新增不同环境的配置文件。
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)