当前位置: 首页 > Web前端 > vue.js

Vue2.0增加多环境打包配置(vue-cli4.5)

时间:2023-03-31 16:25:18 vue.js

1.创建一个vue.config.js文件module.exports={//基本路径publicPath:"./",//输出文件目录outputDir:process.env.outputDir,lintOnSave:false,devServer:{proxy:{'/proxy':{target:"http://192.168.2.666:8080",changeOrigin:true,pathRewrite:{'^/proxy':''}}}},css:{loaderOptions:{stylus:{import:"~@/assets/css/style.styl"}}},configureWebpack:config=>{config.optimization.minimizer[0].options.terserOptions.compress.drop_console=true}};2.项目根目录创建环境配置文件.env.dev//.env.devNODE_ENV='development'VUE_APP_URL_ENV='development'outputDir='dev'.env.uat//.env.uatNODE_ENV='production'VUE_APP_URL_ENV='uat'outputDir='uat'.env.prod//.env.prodNODE_ENV='production'VUE_APP_URL_ENV='production'outputDir='dist''3.添加打包命令"build-dev":"vue-cli-servicebuild--modedev","build-uat":"vue-cli-servicebuild--modeuat""build-prod":"vue-cli-servicebuild--modeprod",4.环境变量使用场景letbaseUrl="";if(process.env.VUE_APP_URL_ENV=="development"){baseUrl="http://192.168.2.666:8080";//开发环境}elseif(process.env.VUE_APP_URL_ENV=="uat"){baseUrl="http://192.168.2.777:8080";//预生产环境}elseif(process.env.VUE_APP_URL_ENV=="production"){baseUrl="https://api.baidu.com";//正式环境}5.执行打包npmrunbuild-dev