React 앱 크기 분석

2316 단어 npmreact
Source map explorer 소스 맵을 사용하여 자바스크립트 번들을 분석합니다. 이렇게 하면 코드 팽창이 어디에서 오는지 이해하는 데 도움이 됩니다.

소스 맵 탐색기를 Create React App 프로젝트에 추가하려면 다음 단계를 따르세요.

npm install --save source-map-explorer


그런 다음 package.json에서 scripts에 다음 줄을 추가합니다.

"scripts": {
+    "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",


그런 다음 번들을 분석하려면 프로덕션 빌드를 실행한 다음 분석 스크립트를 실행하십시오.

npm run build
npm run analyze


참조 : https://create-react-app.dev/docs/analyzing-the-bundle-size/

좋은 웹페이지 즐겨찾기