简单的说,他就是基于webpack的一个的loader,解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理,核心的作用,就是提取,划重点。
至于什么是webpack的loader,其实就是用来打包、转译js或者css文件,简单的说就是把你写的代码转换成浏览器能识别的,还有一些打包、压缩的功能等。
vue-loader 的作用(引用自官网)
允许为 Vue 组件的每个部分使用其它的 webpack loader,例如在 style 的部分使用 Sass 和在 template 的部分使用 Pug;
允许在一个 .vue 文件中使用自定义块,并对其运用自定义的 loader 链;
使用 webpack loader 将 style 和 template 中引用的资源当作模块依赖来处理;
为每个组件模拟出 scoped CSS;
在开发过程中使用热重载来保持状态。
本文详细介绍了vue-loader如何解析.vue文件,提取并处理其中的script、style和template代码,利用webpack的loader进行转译和打包。它还允许使用自定义loader处理.vue文件中的不同部分,如Sass和Pug,实现资源模块化管理和热重载等功能。
1186

被折叠的 条评论
为什么被折叠?



