webpack/sass-loader
Sass Loader
Dieses Projekt ist ein Webpack-Loader, der Sass-Quellcode in Standard-CSS-Stylesheets transformiert. Er dient als Integrationsschicht und Modul-Resolver, der Sass-Kompilierungsprozesse mit einer JavaScript-basierten Modul-Bundling-Pipeline verbindet.
Das Tool bietet einen Mechanismus zur Auswahl verschiedener Sass-Compiler-Implementierungen und unterstützt die Injektion globaler Daten oder Variablen, bevor die Einstiegsdatei verarbeitet wird. Zudem ermöglicht es die Verwendung benutzerdefinierter Importer, um die Dateisuche und -auflösung während der Kompilierung zu erweitern.
Das System verwaltet die Abhängigkeitsauflösung für Imports und die Generierung von Source-Maps, um kompiliertes CSS mit den ursprünglichen Quelldateien zu verknüpfen. Es verarbeitet zudem die Übersetzung von Präprozessor-Warnungen in Build-System-Meldungen und optimiert die Leistung durch die Wiederverwendung eines langlebigen Compiler-Prozesses über mehrere Dateien hinweg.
Features
- Webpack Loaders - Acts as a Webpack loader that transforms Sass files into modules during the bundling process.
- Module Mapping - Maps Sass @import and @use rules to specific files located within the project dependencies.
- Sass Compilers - Transforms Sass source code into standard CSS stylesheets during the build process.
- Dependency Resolution - Resolves complex import paths and module dependencies to correctly link stylesheets across the project.
- Package Import Resolvers - Locates imported Sass files and maps @import and @use rules to project dependencies.
- CSS Source Map Generation - Generates source maps that link compiled CSS back to the original Sass source coordinates for debugging.
- Import Path Resolution - Integrates a module resolution engine to locate imported Sass modules and map them to the correct filesystem locations.
- CSS Preprocessors - Integrates Sass preprocessor compilation into a JavaScript-based module bundling pipeline.
- Persistent Compiler Processes - Reduces build times by reusing a single long-running compiler process across multiple files.
- Compiler Abstractions - Implements an abstraction layer that allows switching between different Sass compilation engines.
- Compiler Selection - Allows choosing between different Sass compiler implementations to optimize build speed and efficiency.
- Global Data Injection - Enables the injection of global variables and mixins into Sass files before compilation.
- Custom Importers - Supports extending the Sass compilation process with custom import logic that interacts with the loader context.
- Custom Importer Interfaces - Provides programmable interfaces to resolve Sass import paths using the build system's resolution logic.
- Compiler Process Persistence - Reuses a single compiler process across multiple files to eliminate startup overhead and improve build speed.
- Frontend Asset Optimization - Optimizes the frontend asset pipeline by managing compilers and generating debug maps.
