hoilzz

hzz

번역 및 정리 필요 https://stackoverflow.com/questions/46736983/will-a-stateless-component-re-render-if-its-props-have-not-changed/46737063 https…

코드를 보려면 이동 velopert님이 굉장히 잘 정리 해주셔서 링크 참고 부탁드립니다. 위 방식대로 하면 dynamic import에서 eslint가 다음과 같은 에러를 발생시킵니다. Eslint README의 What about…

코드를 보려면 이동 바벨 설정 jsx syntax, react 관련 syntax를 transform 할 preset을 추가하자. babel-loader의 include 설정이 잘못되어서 transpile…

코드를 보려면 이동 Resolve에 대한 기초는 여기서 확인하자. 여태 세팅하지 않고도 resolve를 잘해줬는데, 이유는 webpack이 합리적인 defaults 옵션을 제공하기 때문이다. 여튼 Resolve 옵션은 module이 resolve…

코드를 보려면 이동 build/compilation 퍼포먼스의 개선을 위한 유용한 팁 모음집. General 일단 prod와 dev를 나눠서 세팅하는 것을 전제로한다. dev와 prod의 목표는 다르기 때문이다. strong source map…

코드를 보려면 이동 브라우저가 static 자원을 요청할 때, 불필요한 traffic…

코드를 보려면 이동 코드 스플릿은 Webpack의 가장 강력한 기능 중 하나다. 코드를 다양한 번들로 나눈다 이 번들은 필요할 때 로드되거나 병렬로 로드될 수 있다 작은 번들을 만들 때 사용된다 리소스 부하 우선순위 제어할 수 있다 Code…

코드를 보려면 이동 와 의 빌드 목표는 아예 다르다. strong source map localhost server with live reloading or Hot module replacement minified bundles lighter…

코드를 보려면 이동 이번 포스팅 내용은 production mode에서는 필요없는 설정이다. development mode에서만 필요하다. 일단 mode를 development로 설정하자. mode 각 모드에 따라 최적화가 달라진다. dev…

코드를 보려면 이동 만약에 서비스하는 앱이라면, 번들 파일의 사이즈가 점점 커질 수 있다. 그래서 file 이름에 hash를 이용하여 static resource…