Jade / Pug ile satır içi JavaScript'i nasıl oluşturabilirim?

Jade'i kullanarak sayfamda görüntülenmesi için JavaScript almaya çalışıyorum (http://jade-lang.com/)

Projem Express ile NodeJS'de, kafanın içinde satır içi JavaScript yazmak isteyene kadar her şey doğru çalışıyor. Yeşim belgelerinden örnekler bile alsam neyi kaçırdım?

Yeşim şablonu

!!! 5
html(lang="en")
  head
    title "Test"
    script(type='text/javascript')
      if (10 == 10) {
        alert("working")
      }
  body

Oluşturulan HTML tarayıcıda sonuçlandı

<!DOCTYPE html>
<html lang="en">
<head>
  <title>"Test"</title>
  <script type="text/javascript">
    <if>(10 == 10) {<alert working></alert></if>}
  </script>
</head>
<body>
</body>
</html>

Kesinlikle burada bir fikir özledim mi?

sonra nokta içeren bir 'script' etiketi kullanmanız yeterlidir.

script.
  var users = !{JSON.stringify(users).replace(/<\//g, "<\\/")}

https://github.com/pugjs/pug/blob/master/examples/dynamicscript.pug

:javascriptFiltre çıkarıldı sürüm 7.0

Docs diyor bir kullanmalıdır scriptbir takip şimdi etiketi, .char ve hiçbir önceki uzay.

Misal:

script.
  if (usingJade)
    console.log('you are awesome')
  else
    console.log('use jade')

derlenecek

<script>
  if (usingJade)
    console.log('you are awesome')
  else
    console.log('use jade')
</script>

Belirtilen türde komut dosyası etiketini kullanın, noktadan önce ekleyin:

script(type="text/javascript").
  if (10 == 10) {
    alert("working");
  }

Bu derleme:

<script type="text/javascript">
  if (10 == 10) {
    alert("working");
  }
</script>

Yalnızca komut dosyası etiketi kullanmayın.

Çözüm |:

script
  | if (10 == 10) {
  |   alert("working")
  | }

Veya aşağıdakilerle .:

script.
  if (10 == 10) {
    alert("working")
  }

CEVAPIMIN ÜÇÜNCÜ SÜRÜMÜ:

İşte satır içi Jade Javascript için çok satırlı bir örnek. Bunu kullanmadan yazabileceğini sanmıyorum -. Bu, kısmi olarak kullandığım bir flash mesaj örneğidir. Bu yardımcı olur umarım!

-if(typeof(info) !== 'undefined')
  -if (info)
    - if(info.length){
      ul
        -info.forEach(function(info){
          li= info
      -})
  -}

Almak istediğiniz kod sorunuzdaki kodu derliyor mu?

Eğer öyleyse, iki şeye ihtiyacınız yoktur: birincisi, Javascript / script olduğunu beyan etmeniz gerekmez, yazdıktan sonra kodlamaya başlayabilirsiniz -; ikinci olarak, yazdıktan sonra ya da -ifyazmanız gerekmez . Jade'i tatlı yapan da budur.{}

-------------- AŞAĞIDAKİ ORİJİNAL CEVAP ---------------

Prepending deneyin ifile -:

-if(10 == 10)
  //do whatever you want here as long as it's indented two spaces from
   the `-` above

Ayrıca tonlarca Yeşim örneği vardır:

https://github.com/visionmedia/jade/blob/master/examples/

Çok satırlı içerik için yeşim taşı normalde "|" kullanır, ancak:

Yalnızca komut dosyası, stil ve metin alanı gibi metinleri kabul eden etiketler için başa gerek yoktur | karakter

Bu, yaşadığınız sorunu yeniden üretemiyorum dedi. Bu kodu bir yeşim şablonuna yapıştırdığımda, doğru çıktıyı üretir ve sayfa yükleme konusunda beni uyarır.

:javascriptFiltreyi kullanın . Bu bir komut dosyası etiketi oluşturur ve komut dosyası içeriğinden CDATA olarak kaçar:

!!! 5
html(lang="en")
  head
    title "Test"
    :javascript
      if (10 == 10) {
        alert("working")
      }
  body

script(nonce="some-nonce").
  console.log("test");

//- Workaround
<script nonce="some-nonce">console.log("test");</script>