文件名称：react-webpack5-template:webpack5 react 模板
文件大小：178KB
文件格式：ZIP
更新时间：2024-05-27 08:43:18
JavaScript
从零开始使用webpack5 搭建react 项目 已集成功能 cache 缓存提升热更新速度 style module lodash 按需加载 antd 按需加载 moment 去除多余语言包 本文的示例项目源码可以点击获取 一、前言 webpack5 也已经发布一段时间了，其模块联邦、bundle 缓存等新特性值得在项目中进行使用。经过笔者在公司实际项目中的升级结果来看，其提升效果显着，热更新时间由原来的8s 减少到了2s，会极大的提升开发幸福感。除此之外，webpack5 也带来了更好的tree shaking 算法，项目的打包体积也会进一步减少，提升用户体验。 目前来看，create-react-app 脚手架还没有适配webpack5，如果你想熟悉下如何从零开始配置webpack5 项目的话，不妨跟着文档操作一下。 二、项目初始化 2.1 初始化文件结构 首先创建一个文
【文件预览】：
react-webpack5-template-main
----webpack.dev.js(725B)
----postcss.config.js(361B)
----webpack.prod.js(1KB)
----src()
--------App.less(114B)
--------app.jsx(911B)
--------index.js(201B)
----.babelrc(154B)
----LICENSE(1KB)
----build()
--------index.html(149B)
----webpack.common.js(4KB)
----README.md(10KB)
----.gitignore(24B)
----package-lock.json(1.14MB)
----package.json(2KB)