More than 5 years have passed since last update.

jade で IE の Conditional Comments(条件付きコメント)を効かせる

Last updated at 2014-04-10Posted at 2014-04-09

追記あり

以前はこのように書けば

// if lt IE 9
      script(src="/javascripts/html5shiv.js")

↓こうなった

<!--[if lt IE 9]>
<script src="/javascripts/html5shiv.js"></script>
<![endif]-->

jade 1.0　からはこの記法が使えない。

以下のように書けと書いてある

<!--[if lt IE 9]>
script(src="/javascripts/html5shiv.js")
<![endif]-->

たしかにコンパイルはされるけど↓のように先頭が前の行のうしろにくっついてしまった
（こうなりませんか？）

<link rel="stylesheet" href="stylesheets/styles.css"><!--[if lt IE 9]>
<script src="/javascripts/html5shiv.js"></script><![endif]-->

不細工なうえに、これだと conditinal comments だと解釈されない（みたい）。

なので、これで強引に解決

//[if lt IE 9]><script src="/javascripts/html5shiv.js"></script><![endif]

↓

<!--[if lt IE 9]><script src="/javascripts/html5shiv.js"></script><![endif]-->

2014/4/10追記

上記の方法でも conditinal comments が読めていないようでした
いろいろ試した結果、以下の書き方なら問題ない様子です

!= '\n<!--[if lt IE 9]>'
script(src="./javascripts/html5shiv.js")
!= '\n<![endif]-->\n'