簡體   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