?

通過 CDN 優化 ElementUI 的打包

雖然在開發階段，我們啟用了 element-ui 組件的按需加載，盡可能的減少了打包的體積，但是那些被按需加載的組件，還是占用了較大的文件體積。此時，我們可以將?element-ui?中的組件，也通過?CDN?的形式來加載，這樣能夠進一步減小打包后的文件體積。

具體操作流程如下：
① 在?main-prod.js?中，注釋掉?element-ui?按需加載的代碼
② 在?public/index.html?的頭部區域中，通過?CDN?加載?element-ui?的?js?和?css?樣式

Javascript

<!-- element-ui 的樣式表文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme- chalk/index.css" /> <!-- element-ui 的 js 文件 --> <script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>

總結

以上是生活随笔為你收集整理的前端学习（2740）：重读vue电商网站50之Element-UI 组件按需加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。