Vue single-file component loader for Webpack
Last updated 2 months ago by yyx990803 .
MIT · Bugs · Original npm · Tarball
$ cnpm install vue-loader 
SYNC missed versions from official npm registry.

vue-loader Build Status Windows Build status

webpack loader for Vue Single-File Components

NOTE: The master branch now hosts the code for v15! Legacy code is now in the v14 branch.

What is Vue Loader?

vue-loader is a loader for webpack that allows you to author Vue components in a format called Single-File Components (SFCs):

  <div class="example">{{ msg }}</div>

export default {
  data () {
    return {
      msg: 'Hello world!'

.example {
  color: red;

There are many cool features provided by vue-loader:

  • Allows using other webpack loaders for each part of a Vue component, for example Sass for <style> and Pug for <template>;
  • Allows custom blocks in a .vue file that can have custom loader chains applied to them;
  • Treat static assets referenced in <style> and <template> as module dependencies and handle them with webpack loaders;
  • Simulate scoped CSS for each component;
  • State-preserving hot-reloading during development.

In a nutshell, the combination of webpack and vue-loader gives you a modern, flexible and extremely powerful front-end workflow for authoring Vue.js applications.

Maintainers (1)
Today 7,472
This Week 15,802
This Month 110,835
Last Day 8,330
Last Week 46,420
Last Month 197,276
Dependencies (5)
Dev Dependencies (39)
Dependents (883)

Copyright 2014 - 2018 © |