下記ファイルを用意して、gulpでpugをコンパイルする時に本番環境用とテスト環境用の2種類のHTMLを出力しています。
その時に、テスト環境用のファイルでは「block header_sub」と「block content」の親要素に、
本番環境用のファイルでは「block content」の親要素に、「#wrap」を追加したいと考えております。
「prepend」を使用すればblockの直前に要素を追加できるというのを見つけたのですが、「prepend」だと空の「#wrap」がblockの直前に追加されてしまいました。
親要素として「#wrap」を追加する方法はないでしょうか?
gulpfile.jsでの対応方法を見つけることができなかったのですが、pugでの実現が難しい場合はgulpfile.jsでの設定で可能なのでしょうか?
【layout.pug】
pug
1doctype html 2html(lang='ja') 3 head 4 link(rel='stylesheet', href='style.css') 5 body 6 block header 7 #contents 8 block header_sub 9 block content 10 block footer_sub 11 block footer
【テスト環境用pug】
pug
1extend layout 2 3block header 4 include _header.pug 5 6block header_sub 7 include _header_sub.pug 8 9block content 10 p 11 コンテンツ内容が入ります 12 13block footer_sub 14 include _footer_sub.pug 15 16block footer 17 include _footer.pug
【本番環境用pug】
pug
1extend index 2 3block header 4block header_sub 5block footer_sub 6block footer
あなたの回答
tips
プレビュー