Laravel Mixにpugを導入する

Laravel Mixの存在を知って取り入れようとしたときに、pugも使いたいと思って設定してみたらハマったので共有

試したこと

【Laravel5.5】Laravel Mix でPugを.blade.phpにコンパイルする方法
htmlに書き出すこともできませんでした

結果

pugの設定はnpm scriptsで書くことにしました

package.json

{
  "scripts": {
    "dev": "pug ./src/ --out ./dist/ --pretty & NODE_ENV=development webpack --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "pug ./src/ --out ./dist/ --pretty --watch & NODE_ENV=development webpack --config=node_modules/laravel-mix/setup/webpack.config.js --watch",
    "prod": "pug ./src/ --out ./dist/ & NODE_ENV=production webpack --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "pug": "^2.0.3",
    "pug-cli": "github:pugjs/pug-cli#master",
  }
}

※基本的な設定はできてるものとして、必要な部分だけ記述してます

また、単純にpug-cliをインストールするだけで使えなくもないですが、pug-cli 1.0.0-alpha6ではアンダースコア_から始まるディレクトリ名およびファイル名のものが除外されず、そのまま書き出しが行われてしまいます
なので、インストール先を指定してインストールして使用するのが良いと思います

yarn add github:pugjs/pug-cli#master --dev

参考

• pug-cliで_がついたファイル（_header.pug）やディレクトリ（_include）もコンパイルされてしまう問題を解決する