vue-cli webpack打包后的文件為什么這么大？

使用 webpack-bundle-analyzer 這個(gè)工具分析一下依賴關(guān)系，看看具體是引用了那些模塊導(dǎo)致的體積過(guò)大。然后針對(duì)性的進(jìn)行 Code Splitting 。比如我之前遇到的這個(gè)問(wèn)題，是因?yàn)榘葱杓虞d的頁(yè)面中重復(fù)引用了大量的組件庫(kù)的模塊。可以參考我的這篇文章：https://saekiraku.github.io/a...

只要是把公共代碼也重復(fù)打包到組件里了吧

在下正好使用過(guò)xlsx.js， 我就來(lái)說(shuō)下吧。

這個(gè)庫(kù)并不是要在頁(yè)面初始化就加載的，因此完全可以將其拆出來(lái)，這樣包的大小會(huì)小很多。

xlsx.js文件非常大！

至于怎么拆出來(lái)，有兩種辦法：

1. 使用webpack external
2. 代碼中直接使用window.xlsx 來(lái)使用（要保證使用的時(shí)候代碼已經(jīng)加載完畢）

看一下你的webpack配置項(xiàng)devtool是怎么配的

能用cdn的就用cdn代替吧，element ，vue等都可以，
在 index.html里加上cdn，
在webpack.base.conf.js里配置一下

 externals: {
    vue: 'Vue',
    'element': 'element-ui'
  },