vue-loader
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