[React🌌] 초보를 위한 create-react-app 없이 빌드하기 / ③ webpack-dev-server & react-hot-loader 적용/ 실시간 업데이트 기능
전 포스팅에도 말했듯이, 새로 코드를 수정할 때마다 ,웹팩을 계속해서 다시 구성하면 개발하는데에 시간이 엄청나게 소요될 것입니다.😒 오늘 우리의 목표는, webpack-dev-server와 react-hot-loader 를 이용해, React 프로젝트의 실시간 리로딩 기능을 구현할 것입니다!👍 설치 이전 모듈들과 마찬가지로 다음과 같이 개발자 모드로 설치를 해줍시다. 설치된 것을 확인 후, 바벨 로더 플러그인 부분에 react-hot-loader를 추가해줍니다. babel 과 webpack-dev-server 를 연결해 주는 역할입니다. 우리는 앞으로 webpack-dev-server 를 이용해 구성을 할 것이므로 package.json 에서 빌드 방식을 변경해주어야 합니다. 이제는 webpack 이아닌..
2020. 1. 25.
[React🌌] 초보를 위한 create-react-app 없이 빌드하기 / ③ webpack-dev-server & react-hot-loader 적용/ 실시간 업데이트 기능
전 포스팅에도 말했듯이, 새로 코드를 수정할 때마다 ,웹팩을 계속해서 다시 구성하면 개발하는데에 시간이 엄청나게 소요될 것입니다.😒 오늘 우리의 목표는, webpack-dev-server와 react-hot-loader 를 이용해, React 프로젝트의 실시간 리로딩 기능을 구현할 것입니다!👍 설치 이전 모듈들과 마찬가지로 다음과 같이 개발자 모드로 설치를 해줍시다. 설치된 것을 확인 후, 바벨 로더 플러그인 부분에 react-hot-loader를 추가해줍니다. babel 과 webpack-dev-server 를 연결해 주는 역할입니다. 우리는 앞으로 webpack-dev-server 를 이용해 구성을 할 것이므로 package.json 에서 빌드 방식을 변경해주어야 합니다. 이제는 webpack 이아닌..