我需要将样式表的内容插入到<head>HTML 页面的。我怎样才能在 Gulp 中做到这一点？
之前（我所拥有的）：
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
之后（我想要的）：
<head>
<style>
p { color: pink; }
</style>
</head>
请注意，我不需要将 CSS 内联到元素中，只需将 CSS 的内容放在<head>.
您可以轻松使用gulp-replace https://www.npmjs.org/package/gulp-replace，像这样：
var gulp = require('gulp'),
replace = require('gulp-replace'),
fs = require('fs');
// in your task
return gulp.src(...)
.pipe(replace(/<link href="style.css"[^>]*>/, function(s) {
var style = fs.readFileSync('style.css', 'utf8');
return '<style>\n' + style + '\n</style>';
}))
.pipe(gulp.dest(...));
您还可以轻松修改替换正则表达式以处理不同的文件。
return gulp.src(...)
.pipe(replace(/<link href="([^\.]\.css)"[^>]*>/g, function(s, filename) {
var style = fs.readFileSync(filename, 'utf8');
return '<style>\n' + style + '\n</style>';
}))
.pipe(gulp.dest(...));
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
