vuejs/vue-loader

Health v2 · maintenance only

Adoption not part of the score

4962 stars · 908 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

vue-loader is the official webpack loader for compiling Vue.js Single-File Components (.vue files) into JavaScript modules. It enables per-block loader chains, scoped CSS, static asset handling, and state-preserving hot reloading.

Use cases

• compile .vue single-file components with webpack
• use Sass or Pug inside Vue component style and template blocks
• get hot module reload while editing Vue components
• scope CSS styles per Vue component
• build Vue custom elements with webpack
• use TypeScript expressions in Vue templates

When to choose

• you build a Vue.js app with a webpack-based toolchain
• you need Single-File Component compilation with scoped CSS and hot reload
• you want custom webpack loader chains for template, script, or style blocks

When to avoid

• your project uses Vite, which has its own Vue plugin instead
• you use Vue without a bundler or with a non-webpack build system
• you only need plain JavaScript components without SFCs

Facets

plugin · maturity stable

build-tool frontend-framework templating web-development frontend developer-tools cross-platform vue webpack-loader single-file-components hot-reload scoped-css nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vuejs/vue-loader")