webpack环境配置

Develoment模式

.env.development

//开发环境
NODE_ENV='development'

VUE_APP_BASE_URL = 'http://localhost:8080'


VUE_APP_SRC=''

//是否开启代理
VUE_APP_PROXY = true
VUE_APP_INTRODUCE = '现在处于开发环境'

获取环境中的变量 process.env.VUE_APP_BASE_URL

webpack.dev.js

Production模式

.env.production

//生产环境
NODE_ENV='production'

VUE_APP_BASE_URL = 'http://localhost:8080'

//是否开启代理
VUE_APP_PROXY = fasle
VUE_APP_INTRODUCE = '现在处于生产环境'

webpack.prod.js

公共的 webpack.base.js

import prod from './prod.js'
import dev from './dev.js'
const common = {}
module.exports = (env) => {
  if(env && env.production){
    return merge(common,prod)
  }else{
    return merge(common,dev)
  }
}

配置命令

package.js

"script":{
  "dev":"webpack-dev-server --config webpack.common.js",
  "build":"webpack --env.production --config webpack.common.js"
}