package.json의 브라우저 필드와 관련하여 Webpack 1의 동작은 무엇입니까?

Question

Webpack v1은 설치된 패키지의 package.json에있는 browser 필드를 어떻게 처리합니까? 나는 이것에 대한 어떤 문서도 찾을 수 없다.

컴파일을 위해 Webpack v1을 사용하는 Gatsby.js를 사용하고 있습니다. 내가 사용하고있는 패키지 중 하나는 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을 사용하면 무시할 수 있습니다.