vue-loader 是一个 webpack 的 loader,可以将指定格式编写的 Vue 组件转换为 JavaScript模块同时,vue-loader 支持使用非默认语言,通过设置语言块的lang属性,就可以使用指定的预处理器,比如最常见的sass 语法:这里重点讨论使用不同的js模板引擎作为预处理器,下面示例使用了pug模板引擎v14 或更低版本使用 在可以看到,使用consolidate 进行预处理。v15 及以上版本,允许对vue组件中的每个部分使用其他的webpack loader,可以正常使用各种模板引擎。使用@vue/component-compiler-utils 工具编译模板,实际在component-compiler-utils中编译template时,也把consolidate作为预处理器,使用consolidate.render编译成字符串。

vue-loader中引入模板预处理器的实现

vue-loader中引入模板预处理器的实现

vue-loader中引入模板预处理器的实现