深入理解vue-loader如何使用

.vue格式的文件使用类似HTML的语法描述vue组件。每个.vue文件包含三种最基本的语言块：,vue-loader会解析这个文件中的每个语言块，然后传输到其它的loaders，最终输出到module.exports是vue组件的配置对象的CommonJS模块。vue-loader通过指定语言块的lang属性支持css预编译、html编译模板等语言格式。当一个style标签带有scoped属性，它的css只应用于当前组件的元素。CSS Modules便于实现css模块化，vue-loader通过模仿css的scope提供了module来实现css模块化集成。Webpack 1.x用法：Webpack 2.x用法：postcss也支持插件数组热加载不只是修改文件后页面的刷新。修改某个.vue组件后，页面中这个组件的所有实例都会被替换而不重载页面，它还保存了应用的当前状态以及被替换的组件。如果使用了vue-cli搭建项目，自带了热加载。