본문 바로가기

반응형

React-Native

(2)
react-native webpack size exceeds the recommended limit (244 KiB)가 발생하는 경우 개인프로젝트개발이 마무리단계에 접어들어서 react-native-web을 배포하는 중에 겪었던 issue를 정리겸 포스팅합니다.react-native를 web으로 배포하려면 webpack이라는 모듈을 사용해 배포하는데,외부 library등으로 인해 bundle 사이즈가 커지는 경우, build된 bundle 사이즈가 244kib가 넘는다는 경고가 나타납니다.물론, 해당 경고는 경고일 뿐 기능하는데는 문제가 없지만 성능저하가 있을 수 있다고 합니다.해소방법과 회피방법 하나씩 소개드리겠습니다. 해소방법:webpack-bundle-analyzer를 활용해 크기가 큰 bundle을 식별한다.식별된 bundle을 lazy loading 방식이나 optimizer를 다운로드해 해소한다.저는 해소방법 2번 중에 la..
React-Native 안전하게 프로젝트이름 변경하기 최근 React-Native를 공부하던 중, 프로젝트이름을 변경해야할 일이 있어 프로젝트명을 변경했었는데요,React-Native는 SpringBoot와 달리 프로젝트명 변경이 쉽지 않더군요,,수 많은 앱이름을 참조하는 소스들과 설정파일이 얽혀 있어서 이를 수동으로 바꾼다는 건 불가능에 가깝습니다!포스팅을 따라 $ react-native-rename "프로젝트명"으로 입력해서 순조롭게 진행되는 듯 했으나, 그 이후에도 android에서 gradle을 build할 때, kotlin 버전이 안맞는 다던지 매끄럽지 못했는데요,그래서 아래에 프로젝트 이름을 변경하면서 안전하게 에러없이 변경하는 법을 정리하려고 합니다.시작전엔 반드시 백업을 해두시길 바랍니다! 1. 프로젝트명 변경$ react-native-ren..

반응형