Vite简单易上手vite内部集成了许多插件，不需要像webpack那样进行繁琐的配置，对新手开发者比较友好
no-bundleVite 是一个提倡 no-bundle 的构建工具，相比于传统的 Webpack，能做到开发时的模块按需编译，而不用先打包完再加载。
需要注意的是，我们所说的模块代码其实分为两部分，一部分是源代码，也就是业务代码，另一部分是第三方依赖的代码，即node_modules中的代码。所谓的no-bundle只是对于源代码而言，对于第三方依赖而言，Vite 还是选择 bundle(打包)，并且使用速度极快的打包器 Esbuild 来完成这一过程，达到秒级的依赖编译速度。
预构建预构建的作用是解决vite基于esm下，第三方依赖采用的不是no-bundle模式，为啥？因为层级过深，哪怕是简单的使用了一个函数，也会导致import大量的文件，形成过多的网络请求，由于 谷歌浏览器对http并发请求数量的限制，导致浏览器会阻塞，导致页面加载非常缓慢。
总之，依赖预构建主要做了两件事情：
将其他格式(如 UMD 和 CommonJS)的产物转换为 ESM 格式，使其在...
webpack入门前言 如果你想要编写一个hello world 的网页，那很简单，只需要创建一个文本文件，写下html的内容就能在网页打开，如果你还想给hello world加上颜色，那只需要写一个css文件即可，如果你还想加一个弹窗提示，引入一个js就能解决。但是开发一个完整的项目往往还需要
css 预处理器，scss / less / tailwindcss 等等
框架， vue / react
兼容性处理, babel
热更新
代码合并、代码压缩
….
如果说这些都需要导入相关的库去解决，那有没有更好的办法去统一管理和配置他们呢？webpack就能解决这些问题，接下来让我们简单用一下webpack吧
编写文件现在我们想实现一个简单的网页如下，包括html、css 和 js：
代码合并打包这时候我们又在index.js里面引入了其它的js文件，在浏览器打开的时候，它会并发加载这些js文件。大量的网络io操作会导致页面不流畅，这时候我们需要webpack来将js文件合并。
热更新（开发服务器）当我们打开webpack为我们处理后的ind...
团队协作规范注释
代码的注释不是越详细越好。实际上好的代码本身就是注释，我们要尽量规范和美化自己的代码来减少不必要的注释。若编程语言足够有表达力，就不需要注释，尽量通过代码来阐述。——《Clean Code》
命名方法
小驼峰命名法（lowerCamelCase） ：第一个单词以小写字母开始，第二个单词的首字母大写，例如：firstName、lastName。
大驼峰命名法（CamelCase） ：每一个单词的首字母都采用大写字母，例如：FirstName、LastName。
匈牙利命名法（HN case） ：基本原则为：变量名 = 属性 + 类型 + 对象描述。
下划线命名法（snake_case）：下划线命名法也叫蛇形法，全由小写字母和下划线组成，在两个单词之间用下滑线连接。例如：first_name。
中划线命名法（kebab-case）：中划线命名法也叫串式命名法，各个单词之间通过下划线“-”连接。例如：first-name。
文件资源命名通常使用中划线命名法（kebab-case）
JS 中的变量通常使用小驼峰方式（lowerCamelCase）
TS 中...