繁体   English   中英

为Node.JS加载自定义CSS处理程序

[英]Loading a custom CSS Handler for Node.JS

我有一个基本的Node.JS服务器设置,因为我正在做一个新的项目。 我已经编写了优化程序功能,该功能可以从HTML,JavaScript和CSS中去除不必要的内容,例如标签,换行符和注释。

由于某些奇怪的原因,当我将<link type="text/css" href="/css/bootstrap.mins.css">到我的头部时,它没有加载或显示在Google联网标签中。

主要的HTML加载不是CSS。

服务器:

app.get("/css/:file",function(req,res){
    logger.log("CSS File");
    res.writeHead(200, {"Content-Type": "text/css"});
    res.write(fs.readFileSync(appRoot + "/css/" + req.params.file,"utf8").optimize());
    res.end();
});

没有嵌套的CSS文件,都位于一个目录中。 从理论上讲,这应该起作用,但事实并非如此。 当我转到直接URL时,它将加载并处理。 只是不是来自LINK

Google控制台元素标签中的HTML大纲。

加载HTML页面: HTML未加载CSS文件。

直接加载CSS; 它会进行预处理: RAW链接已加载并已预处理。

好的,在进一步研究之后,我发现上面的代码确实有效。 我虽然有1次轻微失败。 我错过了实际链接中的rel标签。 此后,CSS会加载并优化。

<head>
    <title>In House Tool</title>
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
</head>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM