vite

vite 加载文件原理

• vite 在启动时会以 ESModule 模块化规范来加载文件，所以会先将所有文件转换为 ES Module 的 js 文件，再执行。

  包括但不限于.css、.vue等。

• 对所有打包资源文件进行依赖预构建，将其统放在node_modules/.vite下，这样方便浏览器引用资源路径。

• 浏览器请求资源文件时，对返回的文件内容中的资源请求路径继续拦截预处理，将请求路径统一替换为node_modules/.vite下的路径。

• 资源能正确访问。

.vue 文件处理

对于.vue的文件会先用对应的编译工具将其转换为 esm 模块，，然后以 js（application/javascript）的形式返回给浏览器，这样浏览器就能正确识别到了。