?

通過(guò) CDN 優(yōu)化 ElementUI 的打包

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

具體操作流程如下：
① 在?main-prod.js?中，注釋掉?element-ui?按需加載的代碼
② 在?public/index.html?的頭部區(qū)域中，通過(guò)?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>

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。