Pugのコンパイル前の空白行を消したくない。

Question

発生している問題

.pugのコンパイル前に存在する空白行が、htmlにコンパイル後に消えてしまいます。
全ての空白行が削除されて詰まっている状態です。

実現したいこと

.pugの空白行をコンパイル後のhtmlにも反映させたいです。

該当のソースコード

（コンパイル前）

p aaaaa 
p ↓空白行 

p ↑空白行 
p aaaaa 
  p bbbb 
  p ↓空白行 

  p ↑空白行 
  p bbbb 



    p ccccc 
    p ↓空白行 

    p ↑空白行 
    p ccccc 

コンパイル後

<p>aaaaa </p>
<p>↓空白行 </p>
<p>↑空白行 </p>
<p>aaaaa 
  <p>bbbb </p>
  <p>↓空白行 </p>
  <p>↑空白行 </p>
  <p>bbbb 
    <p>ccccc </p>
    <p>↓空白行 </p>
    <p>↑空白行 </p>
    <p>ccccc </p>
  </p>
</p>

const gulp = require("gulp");
const pug = require("gulp-pug");

function compilePug() {
  return gulp
    .src(["./src/**/*.pug", "!./src/**/_*.pug"])
    .pipe(pug({ pretty: true }))
    .pipe(gulp.dest("./public"));
}

exports.compilePug = compilePug;

{
  "name": "pug-dev",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "gulp": "^4.0.2",
    "gulp-pug": "^5.0.0"
  }
}

仕様エディター

vs codeを仕様しています。
こちらの拡張機能や、設定に原因があるのでしょうか。。。
お分かりの方いましたらご教授お願いいたします。

Answer 1

以下のように3つの|を挿入する事で空行を強制的に挿入できるようです。
その他の方法も参考のURLに載っていますので参照して下さい。
なぜ、このような方法しか無いかについても触れられています。

|
|
|

参考
https://github.com/pugjs/pug/issues/3048

Comments

[yuta_code]

的確なご回答大変ありがとうございますmm
おかげさまで解決することができました。

参考のissueもありがとうございます。大変参考になりました。