Vite对浏览器请求做了哪些改写，能提升页面加载速度？

本文共计1666个文字，预计阅读时间需要7分钟。

目录：+ 工作原理：+ 浏览器做些什么：+ 宿主文件 index. + main.js + 其他裸模块 + 了解预打包：+ 服务器做些什么：+ 请求首页 index. + 请求以.js结尾的文件 + 基础js文件 + 对main的依赖处理

目录

• 工作原理：
• 浏览器做的什么事啊
• 宿主文件index.html
• main.js
• 其他裸模块
• 了解一下预打包
• 服务器做的什么事啊
• 请求首页index.html
• 请求以.js结尾的文件
• 基础js文件
• 对main中的依赖进行处理
• 处理.vue文件
• 处理图片路径
• 总结

工作原理：

• type="module" 浏览器中ES Module原生native支持。 如果浏览器支持type="module" ，我i们可以使用es6模块化的方式编写。浏览器会把我们需要导入的文件再发一次http请求，再发到服务器上。