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...