vue-cli 2.x、create-react-app 項目，使用 webpack-bundle-analyzer 打包分析

vue-cli、create-react-app 項目如何查看打包分析？

項目	如何查看打包分析
vue-cli 建立的項目	已經集成 webpack-bundle-analyzer，運行npm run build --report
create-react-app 建立的項目	官方推薦使用 source-map-explorer，須要安裝，地址：https://github.com/facebook/c... ；<br/>推薦使用 webpack-bundle-analyzer，下面介紹使用。

create-react-app 搭建的項目中，引入 webpack-bundle-analyzer 打包分析

1.先運行npm run eject，將配置文件放在本地
2.安裝npm install webpack-bundle-analyzer --save-dev
3.在 config/webpack.config.prod.js 文件（推薦）或 config/webpack.config.dev.js 中，添加

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
　　plugins: [
　　　　...
　　　　new BundleAnalyzerPlugin()
　　]
}

4.運行npm run build（推薦，這樣只在打包時，打開分析網頁；這個地方具體命令名，可在 package.json 文件中 scripts 部分修改）或npm run dev（每次運行這個命令，都會打開分析網頁），打包分析頁面：http://127.0.0.1:8888/ 。
scripts 部分，我修改爲了：

"scripts": {
　　"dev": "node scripts/start.js",
　　"build": "node scripts/build.js",
　　"test": "node scripts/test.js --env=jsdom",
　　"analyze": "source-map-explorer dist/static/js/main.*"
},

• 例子地址：https://github.com/cag2050/an...