MoOx/postcss-cssnextArchived
Postcss Cssnext
postcss-cssnext ist eine PostCSS-Plugin-Suite und ein Transpiler, der entwickelt wurde, um moderne CSS-Features und aufkommende Syntax in Code zu konvertieren, der mit älteren Webbrowsern kompatibel ist. Es fungiert als Polyfill-Engine, die Fallback-Eigenschaften hinzufügt und moderne Einheiten ersetzt, um ein konsistentes Rendering über verschiedene Browserumgebungen hinweg zu gewährleisten.
Das Tool automatisiert die Konvertierung fortgeschrittener CSS-Spezifikationen in Standard-Styles, indem es eine Transformations-Engine für aufkommende Features wie Nesting und fortgeschrittene Selektoren einsetzt. Es enthält zudem ein Dienstprogramm zur Konvertierung relativer rem-Einheiten in Pixelwerte basierend auf definierten Root-Font-Größen.
Das Projekt integriert sich in Entwicklungspipelines über ein CLI, das File-Watching und die Konfiguration von Zielbrowsern unterstützt. Diese Workflows nutzen eine Browser-Kompatibilitätsliste, um zu bestimmen, welche Transformationen für die spezifizierten Ziele erforderlich sind.
Features
- CSS Transpilers - Functions as a CSS transpiler that converts emerging features like nesting into browser-compatible syntax.
- CSS Polyfills - Implements CSS polyfills by adding fallback styles for consistent cross-browser rendering.
- CSS Polyfill Engines - Acts as a polyfill engine that replaces modern units and adds fallback properties for consistency.
- CSS Property Polyfills - Creates fallback properties for modern CSS features to ensure consistent rendering across browser environments.
- CSS Syntax Transpilation - Transpiles modern CSS syntax into legacy formats based on browser compatibility lists.
- PostCSS Plugin Suites - Provides a comprehensive suite of plugins to automate the conversion of modern CSS into standard styles.
- CSS Build Tools - Provides a build-time engine to automate CSS transformations and browser target configurations.
- Style - Processes styles through a sequence of modular plugin functions to apply transformations and polyfills.
- AST-Based Source Transformations - Implements AST-based transformations to modify CSS syntax trees before generating final stylesheets.
- CSS Build Process Configurations - Provides a CLI to control the transformation process, including target browser lists and file watching.
- CSS Unit Converters - Includes a utility to convert relative rem units into pixel values based on root font sizes.
- PostCSS Pipeline Integration - Integrates with the PostCSS engine to handle CSS tokenization and source map generation.
