Open Henry-Diasa opened 1 year ago
1)通过koa开启一个服务,获取请求的静态文件内容 2)通过es-module-lexer 解析 ast 拿到 import 的内容 3)判断 import 导入模块是否为三方模块,是的话,返回node_module下的模块, 如 import vue 返回 import './@modules/vue' 4)如果是.vue文件,vite 拦截对应的请求,读取.vue 文件内容进行编译,通过compileTemplate 编译模板,将template转化为render函数 5)通过 babel parse 对 js 进行编译,最终返回编译后的 js 文件
1)通过koa开启一个服务,获取请求的静态文件内容 2)通过es-module-lexer 解析 ast 拿到 import 的内容 3)判断 import 导入模块是否为三方模块,是的话,返回node_module下的模块, 如 import vue 返回 import './@modules/vue' 4)如果是.vue文件,vite 拦截对应的请求,读取.vue 文件内容进行编译,通过compileTemplate 编译模板,将template转化为render函数 5)通过 babel parse 对 js 进行编译,最终返回编译后的 js 文件