지난 글과 이어서 어느정도 기능 개발을 좀 더 진행하고, 다시 webpack 번들링을 찾아보고 알게 된 부분에 대해 정리 해본다. 지난 글에 font 관련 최적화 진행했던 부분. main.js 주로 production bundle size를 줄이기 위해서 많이 나오는 얘기가 code splitting 이지만 그 부분은 아직 덜 알게되어서 이 후에 다시 정리하는 것으로 하겠다. (첨부한 사진에는 splitting 한 것처럼 보인 부분은 테스트 차원이어서 무시..) 오늘은 주로 webpack.config.js에 대해 다룰 예정이다. 기존 프로젝트에서 구성하고 있던 webpack.config.js의 일부이다. devtools의 옵션은 https://ibocon.tistory.co

최근상황 요즘은 회사에서 캘린더를 담당하고 있다. 캘린더 모듈을 슈퍼앱 환경 앱스토어에 등록하고, 여러 유저가 사용할 수 있도록 하는 과정을 진행하였다. 웹팩 최적화나 lighthouse 같이 이론상으로만 알고는 있었지만 적용해보지 못한 것을 해보았던 경험을 적어 본다. LightHouse 확인 그간 개발과 기능 추가에만 열중한 탓에 개발된 환경이 얼마나 최적화 되어있을지 확인해보지 못하였어서 local환경에서 크롬의 lighthouse를 확인해 보았다. > 이럴수가.. perfomance 환경이 31점이라는