Nuxt.jsでPugを使用する

pug-plain-loaderをインストールする

$ npm install --save-dev pug@2.0.3 pug-plain-loader coffeescript coffee-loader node-sass sass-loader

基本的な使い方

  • タグは<>はいらない。閉じタグも不要
  • 属性は()内に記載
  • .redはclass。()内に記載してもOK
  • #blueはid。()内に記載してもOK
  • 改行+インデントでネスト
  • brタグと|で改行
  • //でコメントアウト(コンパイル後もHTMLに残す)
  • //- でコマンとアウト (コンパイル後はHTMLに残らない)

詳細

詳細は、公式ページリファレンスを御覧ください。
https://pugjs.org/api/getting-started.html

備考

一時期はpugすげー!と思っていましたが、htmlで書かれている別プロジェクトでコードを使いまわししづらかったりするので、現在はpug使わなくなったなぁ。

タイトルとURLをコピーしました