vue-loader 介绍
vue-loader 是一个加载器，能把vue 组件转化成JavaScript模块。vue-loader 提供了一些非常酷炫的特性：
ES2015默认可用；
在每个 vue 组件内支持其他的 webpack 加载器，如用于<style>的 SASS 和用于<template> 的 Jade。
把<style> 和 <template> 内引用的静态资源作为模块依赖项对待，并用webpack 加载器处理。
对每个组件模拟有作用域的css。
开发阶段支持组件的热加载。
简单来说，webpack 和 vue-loader 的组合为你创作vue应用的一个更先进、更灵巧的极其强大的前端开发模式。
vue 组件
*.vue 文件是用户用 html-like 的语法编写的 vue 组件。每个 *.vue 文件都包括三部分 <template>,<script> 和 <style>:<template><div class="example">{{ msg }}</div></template><script>export default {data () {return {msg: 'Hello World!'}}}</script><style>.example {color: red;}</style>vue-loader 解析文件，提取每个语言块，让他们通过需要的其他 loaders ，最后组装起来，放回 Commonjs 的模块，此模块的 module.exports 就是个 Vue.js 组件对象。vue-loader 默认用没有用语言编译器，想css 预编译和html模板编译语言等，如果想用这些功能，需要设置 lang 属性的来实现。例如，你可以在组件的样式中这样用 SASS ：<style lang="sass">/* 编写 SASS! */</style>链接: http://www.fly63.com/nav/2742GitHub:https://github.com/vuejs/vue-loader
网站描述:用于Vue.js组件的Webpack loader
vue-loader
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。