webpack/sass-loader
Sass Loader
该项目是一个 Webpack 加载器，可将 Sass 源代码转换为标准 CSS 样式表。它作为一个集成层和模块解析器，将 Sass 编译过程连接到基于 JavaScript 的模块打包流水线。
该工具提供了一种选择不同 Sass 编译器实现的机制，并支持在处理入口文件之前注入全局数据或变量。它还允许使用自定义导入器来扩展在编译期间定位和解析文件的方式。
该系统管理导入的依赖项解析，并生成源映射 (Source Maps) 以将编译后的 CSS 链接回原始源文件。它进一步处理将预处理器警告转换为构建系统警报，并通过在多个文件间重用长期运行的编译器进程来优化性能。
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.
