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
Version @nuxtjs/i18n: 7.1.0 nuxt: 2.15.8 Nuxt configuration Please change to [x] if relevant for this issue: Applies to a site deployed to a static server (site generated with nuxt generate) Applies to a site deployed to a server with a ...
https://github.com/nuxt-community/i18n-module/issues/1337#issuecomment-957269875
Webpack 4의 Tree Shaking에 대한 이해
회사에서 만들고 있는 새로운 버전의 스마트에디터는 Webpack 4를 빌드 도구로 사용한다. 초기 로딩 성능을 최적화하기 위해서 Webpack 4의 Tree Shaking 지원을 검토하다가 삽질을 많이 했다. 공부 안 하고 대충하면 될 줄 알았는데 안 되더라. 경험을 내 안에 썩혀두기가 아까워서 팀에 공유할 목적으로 삽질기를 작성했다. 외부의 누군가에게도 도움이 될 것 같아 원문을 조금 다듬어서 블로그로 옮긴다.
https://huns.me/development/2265