【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

因为 webpack 根本识别不了 jsx 语法，那怎么办？使用 babel-loader 对文件进行预处理。 babel-loader 使用 babel 解析文件；@babel/core 是 babel 的核心模块；@babel/preset-react 转译 jsx 语法。…

注意1 不支持 node v18.10.0 与 v19版本 https://eslint.org/blog/2024/04/eslint-v9.0.0-released/ eslint 配置文件改名为

tsconfig.json 简要配置，以及 eslint，typescript-eslint，prettier最新配置