Webpack Side Effect


Tree Shaking을 수행하면 사용하지 않는 코드가 탈락
이로 인해 사이드 이펙트가 발생할 수 있는데, 코드를 직접 평가하고 실행해보지 않는 이상 Webpack이 사이드 이펙트 발생 여부를 알 수는 없다
그래서 Webpack이 찾은 대안이 sideEffects다
**직접 코드를 평가하고 실행하는 대신에, Webpack은 외부 패키지의 package.json에 있는 sideEffects 설정을 보고 사이드 이펙트 존재 여부를 판단**
이 옵션을 명시하지 않으면 Tree Shaking 시에 사이드 이펙트가 발생할 수 있다고 판단하여 해당 패키지를 Tree Shaking의 대상에서 제외




> [Nuxt start nuxti18n unknown middleware error · Issue #1337 · nuxt-community/i18n-module](https://github.com/nuxt-community/i18n-module/issues/1337#issuecomment-957269875)

> [Webpack 4의 Tree Shaking에 대한 이해](https://huns.me/development/2265)





