vue-loader是什么？它有什么作用？

Question

vue 官网提供的 webpack loader ,用于处理 单文件组件，webpack 打包时遇到 vue 文件，便会调用 vue-loader 进行解析

vue-loader 执行时，vue 文件里的 template、script、style 会被 vue-loader 里对应模块进行处理，形成最终的组件

// import the <template> block
import render from 'source.vue?vue&type=template'
// import the <script> block
import script from 'source.vue?vue&type=script'
export * from 'source.vue?vue&type=script'
// import <style> blocks
import 'source.vue?vue&type=style&index=1'

script.render = render
export default script

每个内容会加上对应的处理 loader， 比如 style 加上 less-loader 的前缀， script 加上 babel-loader