本文将利用一个很小的项目，带你了解最流行的前端包管理工具 npm、yarn、pnpm、bun 之间的差异。选哪个，你应该可以有自己的判断。

1.什么是vite vite是新一代前端构建工具，能够显著提升前端开发体验。他是使用rollup打包你的代码，是开箱即用的，同时也提供了丰富的插件api,带来了高度的可扩展性。可以构建vue，reac

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可以帮助团队快速初始化项目结构

如何去优化一个历史悠久项目的构建效率，功能不断增加，代码变得臃肿，依赖关系复杂，导致启动和打包项目的时间变得越来越长

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

在 ESM 出现之前，Javascript 是没有一个标准的模块方案。 比如说 CJS 是用于 Node 服务端的模块化方案，AMD 是用于浏览器的模块化方案。为了解决这个模块共用性问题，

它是一种非常方便的方案，可以帮助你解耦你的代码。让层、模块和服务尽量独立。不仅可以独立发布、部署，还可以让你从一个项目迁移另一个项目的时候也更加容易。

这段时间很闲，”领导“便对我们前端提了点要求希望我们能有自己的组件库，美其名曰：开发提高效率，统一样式，减轻负担。 嗯~，确实是很闲！