kitak.blog

Kみたいなエンジニアになりたいブログ

Browserify が生成したファイルを webpack で扱おうとしてハマった

webpack で Browserify で生成されたファイル( shim library )を import して生成されたファイルを実行したら、require を呼び出しているところで実行時エラーになった。

ファイルに require が含まれていて、それを webpack がパース(依存関係を解決)しようとしたのが原因のようなので、ドキュメントの https://webpack.js.org/guides/shimming/https://webpack.js.org/configuration/module/#module-noparse に書かれていた module.noParse オプションでパース対象から外して解決した。

Browserify に限らず、他のモジュールバンドラで生成したファイルでも起こりそうな気がする。