1.Vite的特点
极速启动、热重载、功能丰富、最优构建、插件支持、灵活的API
2.Vite核心概念?
将应用分为:依赖和源码两类 依赖的构建:基于esbuild预构建,比js打包快10-100倍 源码:以原生的ESM提供(相当于让浏览器完成打包的部分工作),Vite只转换按需引入的源码
3.HMR(热更新)原理?
HMR是在原生ESM上执行的。 Vite只需精确的将编辑模块请求最近的HMR边界之间的链失活,这样始终可以保持快速更新。 Vite同时利用HTTP头加速整个页面的重新加载。源码模块的请求会根据304 Not Modified进行协商缓存。 依赖的请求会通过Cache-Control:max-age=31536000,immutable 进行强缓存。一旦被缓存将不再需要再次请求。
4.Vite的使用
node.js版本14.18+/16+ (如果有需要升级版本) 安装 npm create vite@latest/yarn create vite/pnpm create vite 直接创建项目并运行 npm create vite@latest/yarn create vite/pnpm create vite my-vue-app --template vue/vue-ts
5.publice目录资源的处理
不会被源码引用 打包时会被完整的复制到目标目录的根目录下(不会被压缩或其他处理)