前端学习(2740):重读vue电商网站50之Element-UI 组件按需加载
生活随笔
收集整理的這篇文章主要介紹了
前端学习(2740):重读vue电商网站50之Element-UI 组件按需加载
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
通過 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 组件按需加载的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 将DW数据窗口导出为EXCEL文件的方法
- 下一篇: 前端学习(2718):重读vue电商网站