Vue + Webpack 根据不同环境打包

Posted rubekid

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue + Webpack 根据不同环境打包相关的知识,希望对你有一定的参考价值。

修改 prod.env.js

 

// 当前正在运行的脚本名称
const TARGET = process.env.npm_lifecycle_event
// 第一个参数
let argv = process.argv[2] || ‘‘

var merge = require(‘webpack-merge‘)
var prodEnv = {
  NODE_ENV: ‘"production"‘,
  API_BASH_PATH: ‘"https://app.binvshe.com"‘,
  TOKEN_ENCRYPT: true
}

if (argv === ‘test‘) { // 测试环境
  prodEnv = merge(prodEnv, {
    API_BASH_PATH: ‘"http://test.app.binvshe.com"‘
  })
} else if (argv === ‘pre‘) { // 预生产环境
  prodEnv = merge(prodEnv, {
    API_BASH_PATH: ‘"http://pre.app.binvshe.com"‘
  })
}

module.exports = prodEnv
 

 

以上是关于Vue + Webpack 根据不同环境打包的主要内容,如果未能解决你的问题,请参考以下文章

vue项目中运用webpack动态配置打包多种环境域名

vue2+webpack怎样分环境打包

[万字逐步详解]使用 webpack 打包 vue 项目(优化生产环境)

webpack vue-cli2 配置打包测试环境

webpack打包是怎么执行的

npm run build根据不同参数打包不同环境url