This package provides a powerful and efficient TypeScript library for optimizing CSS strings. It enables developers to easily compress css JavaScript projects.
The great focus is on keeping a great compatibility across all kind of render engine especially on the various Outlook.
- Group rules: Group same rules with one selector.
- Compress: Compress the size by removing not necessary char.
- Merge selector: Merge same selector into only one.
- Media Query: Move all media queries at the bottom.
npm install @gafreax/cssparse
import * as cssparse from 'cssparse';
const cssString = '.example { color: red; font-size: 16px; }';
const parsedCSS = cssparse.parse(cssString);
// Access and modify CSS properties
parsedCSS.rules[0].declarations[0].setProperty('color', 'blue');
// Generate optimized CSS
const optimizedCSS = cssparse.stringify(parsedCSS);
To test the functionality of the CSS parser, you can launch the provided launch script:
ts-node src/launch.ts
This script will execute sample code that demonstrates the parser's capabilities.
We welcome contributions to this open-source project. If you encounter issues or have suggestions for improvement, please feel free to create GitHub issues or submit pull requests.