前言 使用最新的 webpack5 一步一步从零搭建一个完整的 react18 + ts 开发和打包环境，配置完善的模块热替换以及构建速度和构建结果的优化。

1. 通过 Create-React-App 创建项目 创建一个 TypeScript 模版的 React 项目 运行项目 输入 localhost:3000 显示如下如即成功 2. 配置 CRACO

从0到1搭建一个项目，我们需要做些什么？（eslint+lint-staged+husky+commitlint）

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

新手学习React看这一篇就够了！手把手教你搭建标准React项目，覆盖绝大多数业务场景，良心整理编写！