vuejs/vue-loader

Features

• Template Compilation - Converts HTML-like templates into optimized JavaScript render functions for efficient UI updates.
• Component Compilation - Transforms single-file components into executable JavaScript modules that can be bundled and run in a web browser.
• Template Compilation - Converts Vue templates into optimized JavaScript render functions for both client and server environments.
• Webpack Loaders - Provides a Webpack loader that compiles single-file Vue components into executable JavaScript modules.
• Loader Pipelines - Routes individual component blocks through specialized Webpack loader pipelines for preprocessing SCSS or Less.
• SFC Asset Dependency Tracking - Identifies static assets referenced in templates and styles to incorporate them into the bundler's dependency graph.
• Virtual Module Splitting - Splits single-file components into virtual modules for templates, styles, and scripts to be processed independently.
• Build-Time Source Transformations - Transforms single-file component source files into executable JavaScript modules for browser execution.
• Webpack Loaders - Integrates Vue.js files into the Webpack pipeline to process templates, styles, and assets as module dependencies.
• Scoped Styles - Provides a system for routing style blocks through specialized loaders to enable isolated and scoped component styling.
• Scoped CSS Isolation - Isolates CSS for individual components to prevent styles from leaking into other parts of the application.
• Scoped Style Generators - Generates unique class names to isolate styles to specific components via a specialized routing system.
• Single File Components - Transforms combined template and style files into executable JavaScript modules for browser execution.
• Single File Components - Splits templates, styles, and scripts from a single file into a bundled module for the browser.
• Static Asset Module Importers - Treats non-code assets in templates or styles as ES module imports for the bundler to process.
• Asset Management & Build Tools - Manages static assets referenced in templates or styles as module dependencies for the build system.
• Build Loaders - Executes custom loader chains for non-standard blocks defined within a component file.
• Custom Block Routing - Enables routing specific sections of a component file through different pre-processors to transform styles or templates.
• Hot Module Replacement - Updates components in the browser in real-time when source files change without requiring a full page reload.
• Web Application Hot Reloading - Implements hot module replacement to update components in the browser without a full page refresh or state loss.
• Hot Module Replacement - Ships a development utility that updates Vue components in real-time without resetting the application state.
• Vue Template Type Checkers - Evaluates TypeScript expressions within templates when the script block is configured for type-safe development.
• Hot-Reload State Preservation - Updates components during development without resetting the current application state to maintain UI consistency.
• TypeScript-Enforced Component Architectures - Processes TypeScript expressions within templates to ensure type-safe development and validation across components.
• Server-Side Rendering - Generates render functions optimized for server-side environments to improve initial page load performance.
• Vue TypeScript Integrations - Processes TypeScript expressions within templates to ensure type-aware development and validation.
• Developer Utilities - Webpack loader for Vue components.

Star history