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

春衣少年当酒歌,起舞四顾以笑和。这篇文章主要讲述create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析相关的知识,希望能为你提供帮助。

  1. 安装npm intall webpack-bundle-analyzer --save-dev
  2. config/webpack.config.dev.js 文件中,添加
    const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin;

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

  3. 【create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析】运行npm run dev,打包分析页面:http://127.0.0.1:8888/

    推荐阅读