gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 03:31:41 26 4
gpt4 key购买 nike

我有一个基本的 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

HTML Outline from Google Console Elements Tab.

加载 HTML 页面: The HTML did NOT load the CSS file.

直接加载CSS;它做预处理: The RAW Link Loaded and was preprocessed.

最佳答案

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

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

关于javascript - 为 Node.JS 加载自定义 CSS 处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44709451/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com