npm 包 gulp-bless 使用教程

什么是 gulp-bless？

gulp-bless 是一个 gulp 插件，用于实现 CSS 文件的分割。

在 IE7 和 IE8 中，CSS 文件的尺寸有限制，当 CSS 文件超过这个限制时，该文件就不能被完全加载并显示在浏览器中。gulp-bless 就是为了解决这个问题而诞生的。

安装 gulp-bless

使用 npm 进行安装：

npm install --save-dev gulp-bless

使用 gulp-bless

在 gulpfile.js 中引用 gulp-bless：

const gulp = require('gulp');
const bless = require('gulp-bless');

创建任务，指定要分割的 CSS 文件：

gulp.task('bless', function () {
  return gulp.src('./src/css/*.css')
    .pipe(bless({suffix: '.part'}))
    .pipe(gulp.dest('./dist/css'));
});

suffix 选项指定生成的子文件后缀，可以是任意字符串，只要不与其他文件名冲突即可。

运行任务：

gulp bless

示例代码

下面是一个完整的 gulpfile.js 文件示例：

const gulp = require('gulp');
const bless = require('gulp-bless');

gulp.task('bless', function () {
  return gulp.src('./src/css/*.css')
    .pipe(bless({suffix: '.part'}))
    .pipe(gulp.dest('./dist/css'));
});

总结

使用 gulp-bless 可以很方便地解决 CSS 文件在 IE7 和 IE8 中的尺寸限制问题。通过学习本文，你已经掌握了使用 gulp-bless 的基本方法，在实践中逐渐提高你的技能水平。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63635