2016-04-28 27 views
0

竜巻のHTMLテンプレートでは、静的なファイルパスを指定するための1つの推奨策は、パスをハードコードする代わりにstatic_urlを使用することです。例えば、竜巻:外部のCSSファイルのURL

<link rel="stylesheet" type="text/css" href="{{static_url("css/frontpage.css")}}">  

しかし、それは、私は、このようなもちろん

body { 
background-image: static_url("img/bgimg.jpg"); 
background-repeat: no-repeat;} 

として、外部の「frontpage.css」ファイルに似た何かをしようとした場合、私はハードコードすることができます動作しません。パスを "/static/img/bgimg.jpg"としてください。しかし、私はこれを処理するより適切な方法があるべきだと思います。任意の提案をいただければ幸いです!

答えて

0

あなたのcssのURLは相対URLとして定義されているので、これはCSSファイルに相対的なものであるため、問題ありません。 htmlテンプレートでstatic_urlを使用する理由は、静的資産をCDNまたは別のWebサーバーに簡単に再配置できるため、竜巻インスタンスから提供されていないためです。

+0

static_urlを使用するもう1つの利点は、「static_url関数はファイルの内容に基づいてハッシュを作成し、URLの末尾に追加するため、ブラウザは常に最新バージョンのファイルを読み込まないようにします。以前にキャッシュされたバージョンに頼っています "。その影響を考えると、CSSファイルのURLをハードコーディングする方法についてはあまりよく分かりません。したがって、後で別のWebサーバーに再配置する場合は、これも変更する必要があります。 –

関連する問題