項目優化策略
6、通過 CDN 優化 ElementUI 的打包
在資源列表中 js/chunk-vendors.4da6d812.js 這個文件后面還是有個驚嘆號，說明體積還是大。
而在依賴項中的，element-ui 的 大小是 659.3kB。
雖然在開發階段，我們啟用了 element-ui 組件的按需加載，盡可能的減少了打包的體積，但是那些被按需加載的組件，還是占用了較大的文件體積。此時，我們可以將 element-ui 中的組件，也通過CDN的形式來加載，這樣能夠進一步減小打包后的文件體積。
具體操作流程如下：
1）在 main-prod.js 中，注釋掉 element-ui 按需加載的代碼
2）在 index.html 的頭部區域中，通過 CDN 加載 element-ui 的 js 和 css 樣式
<!-- element-ui 的樣式表文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.0/theme-chalk/index.css" /> <!-- element-ui 的js文件 --> <script src="https://cdn.staticfile.org/element-ui/2.13.0/index.js"></script>
然后回到可視化UI面板，在 build 中重新運行，可以看到如下效果圖：
資源和依賴項都非常小了，也沒有驚嘆號了，說明優化成功。
此時 serve 開發運行會有問題，先不用管，后面26會解決的。