vite是一个由原生ESM驱动的Web开发构建工具。在开发环境下基于浏览器原生ESimports开发，在生产环境下基于Rollup打包。
vite作用快速的冷启动：不需要等待打包操作；即时的热模块更新：替换性能和模块数量的解耦让更新飞起；真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。vite功能实现提供webserver：借用了koa来启动服务模块解析：核心是拦截浏览器对模块的请求支持/@module/：判断路径是否以/@module/开头，如果是取出包名，去node_module里找到这个库，基于package.json返回对应的内容文件编译：拦截了对模块的请求并执行实时编译vite运行原理在浏览器端使用export、import的方式导入和导出模块，在script标签里设置type="module"（ESModules目前主流的浏览器都已经支持）。
点击空白处退出提示
评论