
CRA 프로젝트 성능 최적화 하기
·
Frontend/성능최적화
회사 React 프로젝트 성능 최적화를 해보았다. 일단 처음 개발자 도구 Lighthouse를 이용해서 검사를 했다.일단 웹 접근성은 흐린눈하기로 했다... ㅠ 웹 접근성까지 챙기기는 시간이 없다... CRA 기반으로 만든 프로젝트라서 craco.config.js 파일에 Webpack 설정을 추가해주었다.Webpack Bundle Analyzer를 이용해서 눈으로 트리맵을 보면서 최적화가 잘되고 있는지 확인해보겠다.const CracoAlias = require("craco-alias");const TerserPlugin = require("terser-webpack-plugin");const CompressionPlugin = require("compression-webpack-plugin");cons..