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

Posted 山水一程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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. 运行npm run dev,打包分析页面:http://127.0.0.1:8888/

以上是关于create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析的主要内容,如果未能解决你的问题,请参考以下文章

React 从零搭建项目 使用 create-react-app脚手架

用脚手架 create-react-app 搭建 react 项目及各种组件库的安装

react入门,使用create-react-app搭建一个todolist-dome。

React环境搭建

从零开始搭建一个react项目

React项目开发环境搭建