01vue-loader
vue-loader是一个Webpack的加载器，它可以将Vue组件（.vue文件）编译成普通的JavaScript模块。
Webpack与vue-loader的组合，会给你一个现代、灵活和非常强大的工作流程来开发vue应用。
vue全家桶还有一些别的内容，但是webpack是最重要的了。
vue全家桶之vue-router和vuex
前端学习大家可以多看看博客之类的，书感觉不是很必要，这东西书能说的有限，书上说的网上也能找得到。真要是看书，我觉得这个还是可以的：
深入浅出Vue.js(图灵出品)京东月销量好评率98%无理由退换京东配送官方店￥79购买02初识webpack
环境搭建相关的可以参考这里：
基于vscode的Vue前端环境搭建问题及解决办法
Webpack是一个模块打包工具。它拿到一堆文件的话，会将每一个都当做模块，找出它们之间的依赖关系，并将它们打包到准备部署的静态资源中。
Vue组件规范一个*.vue文件是一种自定义的文件格式，使用类似于HTML的语法来描述一个Vue组件。每个*.vue文件由三种类型的顶级语言块组成：template、script和style，以及可选的其他自定义块。
templatediv{{msg}}/div/templatescriptexportdefault{data(){return{msg:Helloworld!}}}/scriptstyle.example{color:red;}/stylecustom1这可以是组件的示例文档。/custom1
语言块说明template
默认语言:html。
每个*.vue文件同时最多只能包含一个template块。
内容将作为字符串提取，用来编译Vue组件的template选项。
script
默认语言:js(如果检测到babel-loader或者buble-loader，会自动支持ES)。
每个*.vue文件同时最多只能包含一个script块。
script在类似CommonJS的环境中执行（就像通过Webpack处理的正常.js模块），这意味着你可以require()其他依赖。通过ES的支持，你也可以使用import和export语法。
script必须导出Vue组件选项对象。虽然也支持由Vue.extend()创建的扩展构造函数，但最好还是导出一个简单对象。
style
默认语言:css.
可以在一个*.vue文件支持多个style标签
一个style标签可以有scoped或module属性（可参考CSS作用域和[CSSModules](../features/css-modules.md）来帮助封装当前组件的样式。具有不同封装模式的多个style标签可以在同一组件中混合。
默认情况下，内容会被style-loader提取，并像一个实际的style标签一样动态插入到文档的head中。也可以配置webpack来将所有组件中的所有样式提取到一个单独的css文件中。
下一节继续分享webpack的使用。对深度学习，计算机视觉，tensorflow，图像处理、AI功能部署有兴趣的朋友欢迎