code splitting2 React-router - CodeSplitting(prodoction) _ Create chunk ReactJS - CodeSplitting(prodoction) _ Create chunk react-router v4 version4sorce code는 이전 문서에서 재활용한다./...../ 는 생략되었다는 표시임파란 글씨는 추가된 것임빨간 글씨는 수정된 것임 비동기적 코드 불러오기 : Create Chunk 코드를 비동기적으로 불러오면, webpack에서 처리를 하면서 코드를 분리시키는과정을 chunk라 한다. ~cra-router/src/components$ SplitMe.jsimport React from 'react'; const SplitMe = () => { return ( SplitMe );}; export default SplitMe; 여러줄의 import파일을 한줄로 대체 하기위한 i.. 2018. 4. 12. React-router - Code Splitting(prodoction) _Environment ReactJS - Code Splitting(prodoction)_Environmentreact-router v4 version4sorce code는 이전 문서에서 재활용한다./...../ 는 생략되었다는 표시임파란 글씨는 추가된 것임빨간 글씨는 수정된 것임 ReactJS - Code Splitting 한개의 파일에서 처음 시작부터 모든 것들을 불러 오는 것이 아니라 개발자가 설정하는데로 파일이 필요해질 때 불러오게 하는 기법이다. 다음 명령을 통해서 webpack 및 babel 환경설정을 밖으로 꺼내자~cra-router$ yarn eject vendor전역적으로 사용되는 vendor라 불리는 라이브러리를 따로 분리시켜주자.~cra-router/config$ webpack.config.dev.js : .. 2018. 4. 12. 이전 1 다음