package.jsonのブラウザフィールドに関するWebpack 1の動作は何ですか？

Question

Webpack v1は、インストールパッケージpackage.jsonのbrowserフィールドをどのように扱いますか？私はどこでもこのドキュメントを見つけることができません。

コンパイルにWebpack v1を使用していたGatsby.jsを使用しています。私が使用しているパッケージの1つは、package.jsonのbrowserフィールドを使用し、それを未翻訳のES6コードに指しています。

Webpackは、libフィールドが指し示すトランスコードされたコードの代わりにcommons.jsにこのコードをコンパイルしているため、ES6のインポート/エクスポート宣言のために実行時エラーが発生します。

私の問題は、問題のあるパッケージは、私が使用しなければならない別のパッケージの依存性です。私が今までに見つけた唯一の解決策は、パッケージのpackage.jsonからbrowserフィールドを削除することですが、これは今後の実用的な答えではありません。

Answer 1

コンフィグ設定はresolve.packageMains（docs）で、Webpack 2+以降はresolve.mainFields（docs）に変更されています。

フィールドが存在する場合、browserフィールドが使用されますが、resolve.packageAliasを使用してオーバーライドされる可能性があります。