LoginSignup
6
8

More than 5 years have passed since last update.

Pug (旧:Jade) で自動的に現在の日時を取得する

Last updated at Posted at 2015-12-16

自分用メモです。後日加筆・修正する可能性はあります!

テンプレートエンジンのPug (旧:Jade) で
CSSのキャッシュが使われないように style.css?パラメータ の技を使いたいのですが、
毎回手動で更新するのがめんどくさいので自動的に日付取得できないのかなぁーって思いまして、
ググった結果を自分のためにメモっておきます。

*2017/03/08の更新ですが、中身は2016年8月時点の結果であったため、恐らく更なる更新が必要です

以前は下記のやり方で通していましたが、

example
  link(rel='stylesheet' href='style.css?#{Date.now()}')

どうやら#{}の直接引用でコンパイルの際にエラーが発生し使えなくなりましたので、
現在はまず先頭にDate.nowを変数に定義し

example
  - var dateNow = Date.now();

使う際に変数を引用するようにしました

example
  link(rel='stylesheet' href='css/style.css?'+dateNow)

ただしエラーの原因と解決策が使えた理由がまだ解明されていませんので…わかる方、教えてください!!

参考

How do I display todays date in Node.js Jade?
Pug公式:Interpolation

6
8
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
8