-
gulp-inline-base64能够将图像和字体内联插入到您的css文件中
资源介绍
GULP inline-base64
该帮助程序会将图像和字体注入到您的css文件中。
警告 ! 这种技术对于小文件(<14 Kb)确实非常有效,因为它避免了DNS请求,并使页面加载速度更快。 但是对于较大的文件,使用它将是一个错误!
安装它
npm install --save-dev gulp-inline-base64
用它
这是我的Sass配置。 如您所见,我使用'maxSize'选项来指定大于14kb的文件不会注入到css文件中。
var sass = require('gulp-sass'),
inline_base64 = require('gulp-inline-base64'),
autoprefixer = require('gulp-autoprefixer');
...
// SASS
gulp.task('sass', function() {