gulp-image-embed 是一个可以将样式表中的图像转换为数据URI字符串的任务。你可以通过以下步骤轻松实现这一功能。首先,安装依赖:npm install --save-dev gulp-image-embed
。接着,你可以在gulpfile.js
中编写以下代码实现图像嵌入。例子如下:
var gulp = require('gulp');
var embed = require('gulp-image-embed');
// 基本使用
gulp.task('embed', function() {
return gulp.src('*.css')
.pipe(embed({ asset: 'static' }))
.pipe(gulp.dest('build.css'));
});
// 使用include
gulp.task('embed', function() {
return gulp.src('*.css')
.pipe(embed({ asset: 'static', include: 'assets' }))
.pipe(gulp.dest('build.css'));
});
这个简单的任务可以快速将图像嵌入到样式表中,以提升页面加载速度。
暂无评论