Skip to content

Latest commit

 

History

History
11 lines (8 loc) · 749 Bytes

5.4.Vue-loader核心处理逻辑分析.md

File metadata and controls

11 lines (8 loc) · 749 Bytes

哪些核心处理逻辑?

  • 从以上vue-loader输入分析和输出分析两节,我们可以大致认为vue-loader的核心处理逻辑就是这两个:拆分提取和编译打包
  • 文件拆分:就是将.vue文件中的template、script、style、custom四大语言块代码提取出来,交给后面的处理
  • 编译打包:就是将拆分出来的语言块代码进行编译转换成浏览器可直接解析的html、js、css代码

.vue文件拆分

编译成可执行代码

小结

  • 这节对vue-loader的核心两大处理逻辑(拆分提取和编译打包)进行了分析。到这里,就应该对vue-loader这个工具有很深入的理解了,接下来我们在看看vue-loader还有哪些实用的功能特性。