Node.JSのカスタムCSSハンドラをロード

私は仕事のために新しいプロジェクトをやっているので、基本的なNode.JSサーバがセットアップされています。私は、HTML、JavaScript、CSSからのタブ、改行、コメントなどの不要なものを取り除くための記述機能とオプティマイザ機能を備えています。Node.JSのカスタム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ページのロード

：

が直接CSSをロードします。それは前処理を行います：

出典

2017-06-22 Matthew D Auld

もう1つの質問として、ファイルをリクエストするたびに最適化する理由は何ですか？ –

プロダクションサーバーで実行し、更新プログラムを公開したときに最適化するbashスクリプトを書くだけでよいですか？私はちょうど12年間それをやっているプログラミングの正式な訓練がありません。 –

そういうもの。それを毎回最適化することは、パフォーマンスを賢明にすることはできません。一度やり直してください。現在は不要な冗長作業です。 –

これ以上の研究の結果、上記のコードが機能することがわかりました。私は1つのわずかな障害があった。私は実際のリンクのrelタグを見逃しました。この後、CSSはうまくロードされ、最適化されます。

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

出典

2017-06-26 18:23:18

Node.JSのカスタムCSSハンドラをロード

答えて

関連する問題