fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

Published 20 hours ago • verified publisher icon haizlin

[vue] 如何解决vue打包vendor过大的问题？

Open haizhilin2013 opened this issue 5 years ago • 4 comments

[vue] 如何解决vue打包vendor过大的问题？

haizhilin2013 avatar Jun 20 '19 20:06 haizhilin2013

1、在webpack.base.conf.js新增externals配置，表示不需要打包的文件，然后在index.html中通过CDN引入

externals: {
    "vue": "Vue",
    "vue-router": "VueRouter",
    "vuex": "Vuex",
    "element-ui": "ELEMENT",
    "BMap": "BMap"
  }

2、使用路由懒加载 官网

persist-xyz avatar Jul 03 '19 10:07 persist-xyz

开启gzip压缩

Ankhyang avatar Mar 09 '21 10:03 Ankhyang

CDN tree-shaking splitChunksPlugin commonChunksPlugin 路由懒加载

wanlixi avatar Apr 08 '22 02:04 wanlixi

1、在webpack.base.conf.js新增externals配置，表示不需要打包的文件，然后在index.html中通过CDN引入

externals: {
    "vue": "Vue",
    "vue-router": "VueRouter",
    "vuex": "Vuex",
    "element-ui": "ELEMENT",
    "BMap": "BMap"
  }

2、使用路由懒加载 官网

CDN引入会有些许问题，https模式下会有安全验证，使得cdn引入失败。

1101334809 avatar Aug 31 '22 07:08 1101334809