关闭。此问题不符合堆栈溢出准则。它目前不接受答案。
<hr class=“my12大纲无baw0 bb bc-POWER-400”/
想改进此问题吗?更新问题,使其成为堆栈溢出的主题。
五年前关闭
改进这个问题
我需要将样式表的内容插入HTML页面的<;head>;
中。如何在Gulp中完成
之前(我所拥有的):
<;head>;
<;link href=”https://stackoverflow.com/questions/23820703/style.css“rel=“stylesheet”type=“text/css”/>;
<;/head>;
在(我想要的)之后:
<;head>;
<;风格>;
p{颜色:粉红色;}
<;/style>;
<;/head>;
请注意,我不需要将CSS内联到元素中,只需将CSS的内容放入<;head>;
中即可
您可以轻松地使用gulp replace
,如下所示:
var gulp=require('gulp'),
替换=需要('gulp-replace'),
fs=要求('fs');
//在你的任务中
返回一口src(…)
.pipe(替换(/<;链接href=)https://stackoverflow.com/questions/23820703/style.css“[^>;]*>;/,函数{
var style=fs.readFileSync('style.css','utf8');
返回'<;style>;\n'+style+'\n<;/style>;';
}))
.管道(吞咽目的地(…);
您还可以轻松地修改替换正则表达式以处理不同的文件
返回gulp.src(…)
.pipe(替换(/<;链接href=)https://stackoverflow.com/questions/23820703/([^\.]\.css)”[^>;]*>;/g,函数,文件名{
var style=fs.readFileSync(文件名为“utf8”);
返回'<;style>;\n'+style+'\n<;/style>;';
}))
.管道(吞咽目的地(…);