CSSやJavaScriptのコードを出力
styleタグやscriptタグを用いてコードを出力したい場合、そのままインデントを付けて書いても、コンパイルしようとした時点でエラーになってしまいます。
そこでstyleタグやscriptタグの後に.（ドット）を付けることでコードを出力することができます。
.（ドット）は以降の1つ下にインデントされたコード全てをそのまま出力するという意味の構文です。
- ※ --prettyなどのコンパイル時の整形オプションに関わらず、改行やインデントなどもそのまま出力されます。
構文
style.
CSSコードscript.
JavaScriptコードサンプルコード
Pug
//- CSS
style.
p {
margin-top:1.5em;
font-size:12px;
}
//- JavaScript
script.
(function() {
alert("foo");
})();コンパイル後
<style>p {
margin-top:1.5em;
font-size:12px;
}
</style>
<script>(function() {
alert("foo");
})();</script>