webpack-bundle-analyzer

webpack-bundle-analyzer

https://github.com/webpack-contrib/webpack-bundle-analyzer

설치

# NPM
npm install --save-dev webpack-bundle-analyzer
# Yarn
yarn add -D webpack-bundle-analyzer

시작하기

create-react-app의 경우 webpack-bundle-analyzer를 plub-in으로 사용하려면 eject을 사용해야한다. eject를 사용하는 경우 아래의 문제가 발생할 수 있다.

• cra의 모든 설정들을 직접 유지보수 해야한다 (webpack과 babel 까지..)
• one build dependency의 장점을 잃게 된다

더 자세한 설명은 아래 블로그에 나와있다

Create-React-App에서 Eject사용안하기(customize-cra, react-app-rewired)