在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):zckrs/gulp-css-base64开源软件地址(OpenSource Url):https://github.com/zckrs/gulp-css-base64开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):gulp-css-base64This gulp task converts all data found within a stylesheet (those within a url( ... ) declaration) into base64-encoded data URI strings. This includes images and fonts. Inspired by grunt-image-embed and written following gulp's guidelines. Features
InstallInstall this plugin with the command: npm install --save-dev gulp-css-base64 Usagevar cssBase64 = require('gulp-css-base64');
//Without options
gulp.task('default', function () {
return gulp.src('src/css/input.css')
.pipe(cssBase64())
.pipe(gulp.dest('dist'));
});
//With options
gulp.task('default', function () {
return gulp.src('src/css/input.css')
.pipe(cssBase64({
baseDir: "../../images",
maxWeightResource: 100,
extensionsAllowed: ['.gif', '.jpg']
}))
.pipe(gulp.dest('dist'));
}); Optionsoptions.baseDirType: Default value: `` Note: If you have absolute image paths in your stylesheet, the path specified in this option will be used as the base directory. By default plugin used the current directory of gulpfile.js to find local resources. options.maxWeightResourceType: Default value: options.extensionsAllowedType: Default value: Ignore a specific resourceYou can ignore a resource with a comment .ignored{
background: url(image.png); /*base64:skip*/
}
.encoded{
background: url(image.jpg);
} LicenseCopyright (c) 2014 Mehdy Dara under the MIT License. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论