專案打包優化
摘要：
問題：專案最初沒有使用按需載入，直接引入了echarts和element-ui，打包專案會包含使用不到的模組，chunk包過大，如圖：
解決方案：引入按需載入外掛，babel-plugin-component、babel-plugin-equire，做專案優化
解決步驟...
- 問題：專案最初沒有使用按需載入，直接引入了echarts和element-ui，打包專案會包含使用不到的模組，chunk包過大，如圖：
- 解決方案：引入按需載入外掛，babel-plugin-component、babel-plugin-equire，做專案優化
-
解決步驟：
- 檢視不包含echarts，element-ui的專案程式碼，打包大小
- 檢視不做按需載入，只引入echarts的打包大小
- 配置babel-plugin-equire，在@/lib/echarts.js中新增，需要引入的echarts元件，引入按需載入echarts後的打包大小
- 檢視不做按需載入，只引入element-ui的打包大小
- 配置babel-plugin-component，按需載入，element-ui後的打包大小
- 如上，引入按需載入後，echart約縮小了424kb，element-ui約縮小了590kb。
- 檢視不包含echarts，element-ui的專案程式碼，打包大小