Gulpをはじめよう

よくある質問

CSSが崩れて見える、反映されない。 開く

下記を試してみてください。

• 画面をリロードしてみてください。
• classが読み込まれているか検証ツールで確認してみてください。
  classがあたっていなければ①index.scssにパーシャルファイルが読み込まれているか、②classの綴りの間違いがないか確認してください。

画像を追加したが表示されない。 開く

ターミナルで一旦gulpを停止して( ctrl + c )、再度gulpを立ち上げてください( npx gulp )。distディレクトリが再生成されて読み込まれるようになります。

pugファイルを追加したが表示されない。 開く

ターミナルで一旦gulpを停止して( ctrl + c )、再度gulpを立ち上げてください( npx gulp )。distディレクトリがsrcディレクトリの構成のまま再生成されます。

pugファイルを削除したのにコンパイルされたhtmlがずっと残っている。 開く

ターミナルで一旦gulpを停止して( ctrl + c )再度gulpを立ち上げてください( npx gulp )。distディレクトリが再生成されて今のディレクトリ構成に合わせてコンパイルされます。

pugのパーツ用のファイルまでコンパイルされてしまいます。 開く

パーツ用のファイルは /src/pages/_include/配下に格納すればコンパイルされません。

コンパイルをやめたい。 開く

npx gulpを実行したターミナルでショートカット ctrl + cを実行。
gulpを実行中に間違ってターミナルを閉じて停止できなくなってしまった場合はプロセスの停止を行います。
プロセスの停止については検索すれば出ますのでここでは割愛します。