這裡介紹一些常用的webpack打包優化解決方案
- 使用外掛檢視專案所有包及體積大小
檢視專案打包
webpack有個外掛，可以檢視專案打包，每個包的體積，每個包裡面的包一些情況。
首先下載外掛
$ npm intall webpack-bundle-analyzer --save-dev
複製程式碼其次專案中配置（webpack.prod.conf.js檔案中配置）
if (config.build.bundleAnalyzerReport) {
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
webpackConfig.plugins.push(new BundleAnalyzerPlugin())
}
複製程式碼再次執行命令
npm run build-report
複製程式碼就可以檢視專案的打包情況