Vite世界指南（带你从0到1深入学习 vite）

Vite 含着金钥匙出生的构建工具

企业项目一般有哪些功能

1 typescript

2 vue react 集成 // jsx 语法如何解析

// vue-compile react-compile

3 less/sass/component-style //less-loader sass-loader // 样式处理其

4 babel 集成 // 浏览器低版本浏览器的语法糖的支持

5 代码体积优化 uglifyjs 将代码压缩成性能更高的文件 。 压缩文件 / 代码分割/优化开发体验（热模块开发代码）

6 模块化开发支持 支持node_modules 直接导入代码 ，多种模块化方式的导入。

commonjs / es_module

// 处理代码的兼容性： 构建工具都这些语法处理器导入进来自动处理

构建工具将这些事情都我们做了，我们只需要关注我们支持的代码。

// 构建的工具帮我们集成工作。 所有脏活累活构建工具帮我们搞好了哈哈哈

// webpack vite

// 从入口文件出发 分析其文件加载方式 递归的读取所有的文件，随着业务代码越来越多，构建速度也会大幅度的下降。不过webpack 在兼容性方面还是很厉害，vite 主要是浏览器环境，需要支持es_module规范。

// vite 关注浏览器的开发体验。

yarn create vite // 脚手架

// vite 的 预加载

依赖预构建 可以解决网络中间多包传输的问题。

依赖预构建 // 重要的一批。