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 ，最后组装起来，放回 Commo njs 的模块，此模块的 module.exports 就是个 Vue.js 组件对象。vue-loader 默 认用没有用语言编译器，想css 预编译和html模板编译语言等，如果想用这些 功能 ，需要设置 lang 属性 的来实现。例如，你可以在组件的样式中这样用 SASS ：<style lang="sass">/* 编写 SASS! */</style> 链接 : http://www.fly63.com/nav/2742

GitHub: https://github.com/vuejs/vue-loader

网站描述: 用于Vue.js组件的Webpack loader

vue-loader官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于vue-loader的详细内容...