안녕하세요. 제이콥입니다.
제가 https://goodhabit.me 라는 웹페이지를 만들었습니다.
이 웹페이지는 리액트로 만들었고, heroku에서 서비스되고 있습니다.
heroku에 올리면 한달에 7달러만 내면 웹페이지를 돌릴 수 있죠.
제 컴퓨터에서 로컬로 돌릴 때는 전혀 문제없는데, 실제로 배포하니 문제가 하나 생겼습니다.
처음에 홈페이지를 들어갈 때, 아주 느립니다. 10초-20초정도 걸리는것 같아요. 라이브러리 로딩에 걸리는 시간으로 보입니다.
이 문제에 대해 검색해보니 웹 페이지를 운영할 때, webpack이나 코드 스플릿 등의 최적화 과정이 필요한 것 같더라고요. 웹개발 관련 지식이 필요합니다.
이 프로젝트를 mobx+ react + webpack 보일러 플레이트에서 시작했는데 webpack이나 code split 관련 지식이 없어서 고생중입니다. ㅜㅜ
이 문제(초기 로딩문제)를 해결해보신분이 계시다면 조언 부탁드립니다.
괜찮은 보일러플레이트가 있다면 추천도 부탁드립니다.
redux는 쓰기 싫습니다! ㅋㅋ mobx!
webpack + react + router + heroku 정도면 좋겠네요.
보상금은 이글의 저자보상 (STEEM+SBD)으로 하겠습니다ㅋㅋ
감사합니당~
This page is synchronized from the post: ‘[개발 도움이 필요합니다] 리액트 webpack 관련 최적화’