# webpack dev server
REACT WDS hot-reloading + emotion/react 설정
REACT에서 파일을 수정시 브라우저가 새로고침되는 것이 아니라, 변경사항만 바뀌는 hot-reloading 을 설정하기 위한 방법이다.
DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. 해결하는 방법
서버는 한번에 안돼
webpack5 설정하기
srcsrc.js/src/webpack.config.js/src/package.json/src/js/index.js/src/js/sub2.jsdist/dist/manifest.json/dist/index.html/dist/sub2.htmldistdist/jscss ba
Webpack | 개념 / 필수 개발 환경 세팅 1
프론트엔드 개발을 위한 웹팩 설정Node.js 미리 설치되어 있어야 함. HTML+CSS+JS 기초다양한 모듈들을 하나의 js 파일로 만들어줌.보통 작업을 할 때, index.html을 만들고 index.js 파일을 만듦.index.htmlindex.js원하는 것다
webpack.config.js 를 ESM 방식으로 바꾸어 dev server를 구축하기
webpack.config.js는 ESM모듈로 충분히 변경할 수 있다.
create-react-app에서 react가 실행되는 기본 흐름(?)
리액트(react) 공부를 시작하면서 create-react-app이라는 것을 알게되었습니다. 리액트에 필요한 환경설정들을 간편하게 구축해주고 리액트 프로그램을 간단하게 돌려볼 수 있다고만 알고 있었는데... 공부하다가 가만히 생각해보니... 리액트는 js로 구성되어 있고 웹 브라우저는 그것을 요청해서 가져오는 것인데... '그럼 내가 지금 보고...
webpack-dev-server 사용하기(=삽질후기)
프론트에서 js모듈화를 진행하기 위해 babel과 webpack을 적용하였다. ES6 최신문법을 브라우저에서도 사용하기 위해서 babel을 적용하고, 그걸 하나로 뭉쳐주기 위해(?) webpack을 적용하였다. 그렇게 한 결과 html 뷰에서 webpack으로