Gulp Bless

screenshot of Gulp Bless

Gulp plugin which splits CSS files suitably for Internet Explorer < 10

Overview

If you're working on front-end development and need to ensure compatibility with Internet Explorer versions lower than 10, the gulp-bless plugin is a fantastic tool to consider. This Gulp wrapper around bless.js simplifies the process of splitting CSS files in a way that's optimal for those older browsers. It's designed for developers who want to streamline their CSS management while maintaining responsiveness and load times across different platforms.

The plugin offers several customization options that make it versatile for varying project needs. From controlling import behaviors to customizing file names, gulp-bless provides the necessary tools to enhance your workflow without sacrificing quality.

Features

  • Easy Installation: Setting up gulp-bless is straightforward, allowing you to quickly integrate it into your existing Gulp processes with minimal hassle.

  • Chunk Import Control: The imports option lets you specify whether the main "blessed" CSS file should import the remaining chunks, giving you flexibility in your file management.

  • Cache Busting: With the cacheBuster feature, you can combat aggressive browser caching by appending a random query parameter to your CSS requests, ensuring users always get the most up-to-date styles.

  • Custom Logging: The log option allows you to enable process logging, providing helpful insights during development without overwhelming you with data.

  • Dynamic Suffixing: You can customize how file names are suffixed using the suffix option, whether you prefer a static string or a dynamic function based on the file index.

  • Sourcemap Compatibility: Gulp-bless works seamlessly with gulp-sourcemaps, helping you maintain a clear connection between your minified CSS and its original source.

  • Post-Minification Support: It's advised to minify CSS files after utilizing gulp-bless, ensuring the best performance and file management practices in your development cycle.

This plugin truly caters to developers aiming to maintain cross-browser compatibility while streamlining their CSS management process.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.