工具
npm i -D webpack-bundle-analyzer babel-plugin-component image-webpack-loader babel-plugin-lodash lodash-webpack-plugin compression-webpack-plugin
webpack-bundle-analyzer 圖形化分析工具
babel-plugin-component 讓 babel.config.js 可以使用 component plugin,藉此達到只引入需要的組件來減小體積
image-webpack-loader 壓縮圖片
babel-plugin-lodash 讓 vue.config.js 可以使用 lodash-webpack-plugin,優化 lodash 打包資源
lodash-webpack-plugin 按需引入 lodash
compression-webpack-plugin gzip 壓縮資源檔