Laravel内のwebpack5でpolyfillの設定ができない

Question

Laravelの環境下で、npmのpuppeteerを使いたくてインストールしたのですが、コンパイルすると下記のエラーが発生します。

■以下エラー文言（※似たようなエラーが複数発生してるので一部を抜粋）
WARNING in ./node_modules/minimatch/minimatch.js 6:9-24
Module not found: Error: Can't resolve 'path' in '/work/backend/node_modules/minimatch'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "path": false }

調べたところ、webpack５からpolyfillがデフォルトで設定されなくなったことが原因で、webpack.config.jsに以下の内容を記述すればいいというのはわかったのですが、laravelプロジェクト内にwebpack.confi.jsが存在しないので、どのファイルに記述すればいいのかわかりません。

■記述する内容
module.exports = {
resolve : {
fallback: {
"stream" : false,
...
}
}
}

試したことはとしては
①webpack.config.jsをルート直下に作成して、■記述する内容 を記載
→変化無し
②webpack.mix.jsに、■記述する内容 を記載
→変化無し
③webpack.mix.jsのmixに、以下の形で記載
.options({
resolve : {
fallback : {
"stream" : false
}
}
})
→変化無し
④node_modules/laravel-mix/setup/webpack.config.jsに、■記述する内容 を記載
→変化無し

larvel-mixとwebpackの違いや関係性があやふやなところもあるので、それも含めてご教授お願いします。

Answer 1

webpack.mix.jsのwebpackConfig()に直接書くか、

mix.webpackConfig({
    plugins: []
});

https://github.com/JeffreyWay/laravel-mix/blob/master/docs/quick-webpack-configuration.md

webpack.config.jsを作ってwebpack.mix.jsから読み込む

mix.webpackConfig(require('./webpack.config'));

---

polyfillならこれかもしれない。
https://github.com/JeffreyWay/laravel-mix/blob/master/docs/legacy-node-polyfills.md

Comments

[ryoooooooooooo]

ご回答ありがとうございます！
一つ目の
＞webpack.mix.jsのwebpackConfig()に直接書くか、
で解決しました。
書き方がoptions→ webpackConfigに変えたところできました。
ありがとうございます！！！