【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

你可能搭建 Webpack 项目很熟悉，配置过各种 loader ,面试官在 Webpack 方面问你，是否自己实现过一个loader?如果没有去了解过如果去实现，小浪来教你写一个简单loader!

作为一名前端工程师，总是用一些脚手架来快速搭建新项目的基本结构，因此今天尝试着一步步搭建一个 React 的项目环境，看看需要处理哪些问题，查漏补缺，天天向上！

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

古有云：“工欲善其事，必先利其器”。作为一个前端开发，搭建一个便捷的开发环境，将会为我们的开发工作带来极大的效率提升。而Webpack作为如今前端工程打包必不可少的工具，很多人却不知道从Webpack

webpack是一个现代的打包模块化的JavaScript工具，在webpack中一切文件皆模块，在内部通过Loader转换文件，通过Plugin注入钩子，最后输出由多个模块组合成的文件。

前言 现在写这篇文章的时候，React的版本已经是17.x，Typescript也已经是4.x，webpack也已经到了5.x。而我们组的业务一直都很忙，所以我们的项目模版还是React16.x（不支