2017-07-31 12 views
2

スタイラスファイルをレンダリングするときに、スタイラスファイルにパラメータを渡そうとしています。たとえば、私のapp.jsファイルでは、私は次のものを持っています:ejsパラメータをスタイラスファイルに渡す

app.get('/myPage', function(req, res) {res.render('myPageTemplate', { title: 
'MyPageTitle' , myColor: '#E3D'});}); 
app.get('/myPage2', function(req, res) {res.render('myPageTemplate', { title: 
'MyPage2Title' , myColor: '#0FF'});}); 

私のejsファイルでこれらのパラメータにアクセスできます。私のスタイラスファイルで

<title><%= title%></title>私のような何かをできるようにしたいと思います:

div{ 
    background-color: <%=myColor%>; 
} 

これが可能なのか、私はこれについて間違った道を進んでいますか? ご協力いただきありがとうございます!

答えて

0

(あなたがCloudFlareのようなものを使用している場合)。これは、リバースプロキシのほとんどとして、本当に悪い考えですが、あなたのCSSをキャッシュし、ブラウザはそれをキャッシュできるように、また、それは、のCache-Controlヘッダを設定します。だからあなたはあなたの望む行動を起こさないでしょう。

あなたが今やっていることをする代わりに、複数のcssクラスを作成し、そのクラスを条件に基づいて.ejsファイルのdivに追加することができます。

関連する問題