はじめに
Pugでdistフォルダの生成場所を変更したいときに詰まったので記事にしました。
対象読者
- Pugでdistフォルダの生成場所を変更したい
- .pugから.htmlへ変換する方法に
VScodeの拡張機能であるFormatter Heroを使用している方
今回のやりたいこと
通常 | やりたいこと |
---|---|
![]() |
![]() |
pugフォルダの直下にdistフォルダが生成される | pugフォルダと同じ階層にdistフォルダを生成する |
手順
1. 設定ファイル設定を開く
以下のいずれかの方法で開く
- Win:「Ctrl」+「,」
- mac:「⌘」+「,」
- VScode左下の歯車から、設定ファイルに移動する

2. " compile hero "と検索する
3. 適応場所を選択する
ユーザーか、ワークスペースか、
このときに、ユーザーの設定にしていますとすべてのものに適応するみたいな感じになるのでワークスペースだけの設定にするなど臨機応変に対応するほうが良いかと思います。(参考文献)
3. フォルダ生成場所を変更する

~~~ 以上 ~~~
参考文献