반응형 환경별 설정1 17. 환경별 설정 (Development, Production) - 3 Webpack의 최적화와 압축 웹팩은 프로젝트를 번들링하고 모듈을 관리하는 강력한 도구이지만, 더 나은 성능을 위해서는 번들된 코드를 최적화하고 압축해야 합니다. 이 글에서는 웹팩을 사용하여 프로젝트를 최적화하고 압축하는 방법에 대해 살펴보겠습니다. 1. Tree Shaking Tree Shaking은 사용되지 않는 코드를 제거하여 번들 크기를 최소화하는 기술입니다. 주로 ES6 모듈 시스템에서 사용되며, 웹팩 설정에서 다음과 같이 활성화할 수 있습니다. // webpack.config.js module.exports = (env, argv) => { return { // ... 다른 설정 optimization: { usedExports: true, }, }; }; 2. 코드 압축 웹팩은 UglifyJ.. 2023. 12. 25. 이전 1 다음 반응형
