vue3

vite打包报警包过大

2021-09-29  本文已影响0人  Amy_yqh

在vue3+vite+ts项目中,打包的时候遇到了一个告警,提示说包过大。


image.png

解决方案我们就按提示的来解决

1、调整包告警的大小

vite.config.js
export default defineConfig({
  ...
  build:{
    chunkSizeWarningLimit:1000,
    }
  }
})

2、代码分解

export default defineConfig({
  ...
  build:{
    rollupOptions:{
      output:{
        manualChunks(id){ // 分包
          if(id.includes('node_modules')){
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        }
      }
    }
  }
})
上一篇下一篇

猜你喜欢

热点阅读