create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析
Posted 山水一程
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析相关的知识,希望对你有一定的参考价值。
- 安装
npm intall webpack-bundle-analyzer --save-dev
config/webpack.config.dev.js 文件中,添加
const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin;
module.exports = { plugins: [ ... new BundleAnalyzerPlugin() ] }
运行
npm run dev
,打包分析页面:http://127.0.0.1:8888/
以上是关于create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析的主要内容,如果未能解决你的问题,请参考以下文章
React 从零搭建项目 使用 create-react-app脚手架
用脚手架 create-react-app 搭建 react 项目及各种组件库的安装