create-react-app集成webpack-bundle

作者: 进击的三文鱼 | 来源:发表于2019-06-18 21:35 被阅读11次

create-react-app集成webpack-bundle
react18 ts中使用 svg
react18 ts中使用 alias
create-react-app 支持 less 的解决方案
react项目集成typescript
create-react-app的自定义配置
在create-react-app中集成redux
[react]react项目初始化配置
create-react-app less-loader配置，a
create-react-app笔记

1 安装webpack-bundle-analyzer
命令 yarn add webpack-bundle-analyzer
2 配置webpack.config.dev.js

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
 }

3 package.json 配置

  "analyz": "set NODE_ENV=production npm_config_report=true npm run start"

需要注意“配置时前面要加的set 否则会报错”
4 执行yarn start 启动项目会自动访问http://127.0.0.1:8888
查看到打包详情

image.png

网友评论

本文标题：create-react-app集成webpack-bundle

本文链接：https://www.haomeiwen.com/subject/geoqqctx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

create-react-app集成webpack-bundle

相关文章

create-react-app集成webpack-bundle

react18 ts中使用 svg

react18 ts中使用 alias

create-react-app 支持 less 的解决方案

react项目集成typescript

create-react-app的自定义配置

在create-react-app中集成redux

[react]react项目初始化配置

create-react-app less-loader配置，a

create-react-app笔记

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

React Native开发

React Native开发经验集