由于项目所需，把rouer分成很多个文件，导致webpack 打包编译很慢，怎样把打包编译速度提升？

Question

变量是这样来的

let appid = process.env.appid
let isFFZ = process.env.appid == 'ffz'
let isLOTTERY = process.env.appid == 'lottery'
let isCLUB = process.env.appid == 'club'
let isFFZF = process.env.appid == 'ffzf'
let isPOCKET = process.env.appid == 'pocket'
let isTOOL = process.env.appid == 'tool'

export {
isiOS,
isInWx,
isCLUB,
isFFZ,
isFFZF,
isLOTTERY,
isPOCKET,
isTOOL
}

//判断加载路由
let router
if (isFFZ){
  router = require('@/router/ffzindex').default
}
else if (isCLUB){
  router = require('@/router/clubindex').default
}
else if(isLOTTERY){
  router = require('@/router/index').default
}
else if(isFFZF){
  router = require('@/router/ffzfindex').default
}
else if(isPOCKET){
  router = require('@/router/pocketindex').default
}
else if(isTOOL){
  router = require('@/router/toolrouter').default
}

如图，导致重复打包，判断引入也没用！求各位支招

Answer 1

isFFZ你这些变量是变得，需要放在浏览器才能算出一个值，当然得全部打包了

Answer 2

其实，看下你的 isFFZ 类似于这样的变量是怎么定义的，应该是取当前 node 运行环境定义的变量，如 process.env.IS_FFZ。可以用 cross-env 来定义。参考这篇文章，传送门 。这里有个例子也可以参考下，传送门