例えば以下のようなコードがあります。scriptはLiveScriptです。
jade
1mk-ui 2 mk-post-form 3 4 mk-global(name='global') 5 mk-header 6 7 mk-contents 8 | <yield/> 9 10 mk-go-top 11 12 script. 13 @opts.on \on-modal ~> 14 $global = $ @global 15 $ {blur-radius: 0} .animate {blur-radius: 5} do 16 duration: 100ms 17 easing: \linear 18 step: -> 19 $global.css do 20 '-webkit-filter': "blur(#{@blur-radius}px)" 21 '-moz-filter': "blur(#{@blur-radius}px)" 22 'filter': "blur(#{@blur-radius}px)" 23
このとき、script内の #{@blur-radius}
はLiveScript由来の構文ですが、Jade自信も#{}
による変数展開機能(Interpolation)があるため、競合してしまいコンパイルしようとするとエラーになります。
このJadeの変数展開を無効にすることは出来ますか?
このようなIssueを見つけました:
https://github.com/pugjs/pug/issues/1100
あなたの回答
tips
プレビュー