Mode | Webpack

mode 옵션을 사용하면 webpack에 내장된 최적화 기능을 사용할 수 있습니다.
'none' | 'development' | 'production' = 'production'
설정에서 mode 옵션을 사용합니다.
지원되는 문자열 값은 다음과 같습니다.
설정되지 않은 경우, webpack은 production을 mode의 기본값으로 설정합니다.
설정이나 CLI를 통해 mode가 제공되지 않으면 CLI는 mode에 유효한 NODE_ENV 값을 사용합니다.
mode 자체가 어떤 작업을 수행하는 것은 아닙니다. 대신 다른 옵션의 기본값을 선택하며, 각 옵션은 명시적으로 설정할 수 있습니다. 다음은 기본값이 mode에 따라 달라지는 옵션입니다.
optimization.splitChunks 역시 mode에 따라 조정됩니다. minSize, enforceSizeThreshold, maxAsyncRequests, maxInitialRequests는 production에서 더 엄격하게 설정됩니다. 각 값은 SplitChunksPlugin을 참고하세요.
두 항목에는 조건이 있습니다. performance.hints는 브라우저 target에만 적용되며, 빌드가 ES 모듈 라이브러리를 출력하는 경우에는 development에서도 devtool이 false로 유지됩니다. experiments.css를 활성화하면 development에서 CSS 애셋의 기본값이 추가로 source-map으로 설정됩니다.
mode: 'none'은 여기에 나열된 기본값만 사용하지 않습니다. optimization.providedExports나 optimization.removeEmptyChunks처럼 mode에 의존하지 않는 옵션은 원래 기본값을 유지합니다. 따라서 mode: 'none'은 모든 최적화를 비활성화하는 것과 같지 않습니다.
webpack.config.js 안의 mode 변수에 따라 동작을 변경하려면, 객체 대신 함수를 export 해야 합니다.
저작권은 OpenJS Foundation 및 webpack 기여자에게 있으며, 모든 권리는 보호됩니다. OpenJS Foundation은 등록 상표를 보유하고 있으며 상표를 사용합니다. OpenJS Foundation의 상표 목록은 Trademark Policy와 Trademark List에서 확인할 수 있습니다. OpenJS Foundation 상표 목록에 표시되지 않은 상표 및 로고는 각 소유자의 상표™ 또는 등록 상표®입니다. 이를 사용한다고 해서 해당 소유자와의 제휴 관계나 보증을 의미하지는 않습니다.
The OpenJS Foundation | Terms of Use | Privacy Policy | Bylaws | Code of Conduct | Trademark Policy | Trademark List | Cookie Policy