vue-cli4 之 vue-loader 工作流程

先整体过一遍 vue-cli4 处理单文件组件 (SFCs)的大致过程

webpack并不认识.vue后缀的单文件组件,因此需要强大的 vue-loader 来处理。

首先,vue-loader 通过@vue/component-compiler-utils解析.vue源代码,为每个语言块生成一个导入(可以将每个块看作一个“虚拟模块”),这一步实际返回的模块代码看起来像这样:

// import