如何在Gulp中将CSS文件的内容注入HTML?[闭门]

关闭。此问题不符合堆栈溢出准则。它目前不接受答案。

<hr class=“my12大纲无baw0 bb bc-POWER-400”/

想改进此问题吗?更新问题,使其成为堆栈溢出的主题。

五年前关闭

改进这个问题

我需要将样式表的内容插入HTML页面的&lt;head&gt;中。如何在Gulp中完成

之前(我所拥有的):

&lt;head&gt;
&lt;link href=”https://stackoverflow.com/questions/23820703/style.css“rel=“stylesheet”type=“text/css”/&gt;
&lt;/head&gt;

在(我想要的)之后:

&lt;head&gt;
&lt;风格&gt;
p{颜色:粉红色;}
&lt;/style&gt;
&lt;/head&gt;

请注意,我不需要将CSS内联到元素中,只需将CSS的内容放入&lt;head&gt;中即可

您可以轻松地使用gulp replace,如下所示:

var gulp=require('gulp'),
替换=需要('gulp-replace'),
fs=要求('fs');
//在你的任务中
返回一口src(…)
.pipe(替换(/&lt;链接href=)https://stackoverflow.com/questions/23820703/style.css“[^&gt;]*&gt;/,函数{
var style=fs.readFileSync('style.css','utf8');
返回'&lt;style&gt;\n'+style+'\n&lt;/style&gt;';
}))
.管道(吞咽目的地(…);

您还可以轻松地修改替换正则表达式以处理不同的文件

返回gulp.src(…)
.pipe(替换(/&lt;链接href=)https://stackoverflow.com/questions/23820703/([^\.]\.css)”[^&gt;]*&gt;/g,函数,文件名{
var style=fs.readFileSync(文件名为“utf8”);
返回'&lt;style&gt;\n'+style+'\n&lt;/style&gt;';
}))
.管道(吞咽目的地(…);

发表评论