极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。
每天晚上九点 B站讲解前端工程化直播,并解答相关问题。

# vue-loader 的实现原理是什么

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 92 (opens new window)

Author

回答者: hwb2017 (opens new window)

vue-loader 会把 sfc 中的内容拆分为 template,script,style 三个“虚拟模块”,然后分别匹配 webpack 配置中对应的 rules,比如 script 模块会匹配所有跟处理 JavaScript 或 TypeScript 相关的 loader。

template 中的内容会通过 vue compiler 转换为 render 函数后合并到 script “虚拟模块”中。

scoped style 会经过 vue-loader/style-post-loader 的处理,成为只匹配特定元素的私有样式。

参考 vue-loader README (opens new window)

Last Updated: 11/27/2021, 10:11:48 AM