使いPugとSassでコーディングする際のスターターを作りました。なり色々変わっていたので重い腰をあげてリファクタリングしました。サンプルがググってもあまり出てこなかったので、自分の設定を紹介します。学習コストは低いのでまだ使ったことがないという人にもこれを機にぜひさわっていただきたいです。閉じタグが不要なので恩恵が非常に大きいです。コード量が圧倒的に短くなります。プロジェクトフォルダに移動プロジェクトフォルダに移動したらパッケージをインストールします。gulpディレクトリ構成node_module/は省略しています。filesdist/はコンパイル後のアウトプットが出力されるディレクトリです。編集していくことになるディレクトリです。gulpfile.js/フォルダには設定の内容が入っています。多いのでgulpfile.jsをディレクトリ化し、中にindex.jsとmodules.jsに分割しています。ファイルとして作成されません。出力されてしまいます。実際の記法は公式ドキュメントで確認すると良いと思います。ついてこちらも同様にインクルードするファイルにはアンダースコア_を名前の先頭につけてください。