构建工具1：Vite学习笔记

Vite配置选项： https://vitejs.cn/vite3-cn/config/shared-options.html

构建工具

企业级项目可能具备哪些功能

1. typescript：需要tsc/Babel转换成javascript
2. React/Vue/Angular: 安装react-complier / vue-compiler.. 将.jsx/.vue文件转换为render函数
3. less/sass/postcss: 安装less-loader,sass-loader等一系列编译工具
4. 语法降级：babel将es的新语法转换成旧版本浏览器可以接受的语法
5. 体积优化
   ...
   构建工具的功能：
6. 模块化开发支持：直接从node_modules引入代码
7. 处理代码兼容性: 比如Babel语法降级，less, ts语法转换，构建工具将这些语法对应的处理工具集引入进行自动化处理
8. 提高项目性能：压缩文件，代码分割
9. 优化开发体验：

• 监听文件的变化，当文件变化以后自动帮你调用对应的集成工具进行重新打包，然后浏览器重新运行（热更新）
• 开发服务器：跨域问题