关于Vue-loader的那些事儿

什么是Vue-loader

一个webpack的加载器，负责将vue组件编译成普通的JavaScript模块。

关于webpack的介绍

这里呢？用到webpack，在项目的编译打包的过程中，将复杂的 注入依赖的模块 进行打包处理，形成 静态的资源文件。也就是说，我们有很多的JS模块，他们之间相互联系，但是作为浏览器，并不能将其直接运行，所以我们需要将其打包到一个可以通过script标签引入的独立文件。

Vue的组件规范

一个 *.vue 文件是一种自定义的文件格式，主要包括template\script\style三个主要的顶级语言块，

vue-loader解析文件，提取每一个语言快=块，组装到CommonJS模块。

语言块

template -> 默认使用html，每个vue文件只能包含一个template模块，内容作为字符串提取，用来编译Vue组件的template选项

script -> 默认使用JS，如果检测到(babel-loader，会自动支持ES2015)，最多只能有一个script模块，打包之后就是在js的环境下执行

style -> 默认使用css，可以支持多个style标签，选择使用scoped或者module属性，封装当前的组件样式，通常被style-loader提取

sroped其css只应用于当前的组件元素中

热更新

也就是将我们编辑的页面的实时的应用加载

资源url处理：在默认情况下，vue-loader会自动处理样式和模板文件。例如，url（./ image.png）将被翻译为require（'./ image.png'）

https://www.cnblogs.com/yuyujuan/p/9813099.html

没想到用script标签会结束文档