가끔 상위 폴더에 package.json 하나를 두고 하위 폴더 파일을 기준으로 동일한 npm script를 실행해야 하는 경우가 있습니다. 예를 들면 간단한 프로젝트들을 여러 개 모아놨다던가, 책 예제들을 많이 짜 놓은 경우 등이 있겠죠? 사실 폴더마다 package.json을 작성하는 게 베스트지만 사람마다 귀찮음 포인트는 다르니까요... 폴더 구조가 다음과 같다고 합시다. Directory ├─ package.json ├─ SubDirectory1 │ ├─ index.html │ └─ index.js ├─ SubDirectory2 │ ├─ index.html │ └─ index.js ├─ SubDirectory3 │ ├─ index.html │ └─ index.js ├─ SubDirectory4 │..
Webpack으로 React.js 빌드하기
리액트 공부 중 웹팩 설정 부분을 자꾸 까먹어 내용을 따로 정리하게 되었습니다. 웹팩이 무엇이고 왜 사용하는지를 다루지 않습니다. 어떻게 웹팩을 설정하고 리액트와 함께 사용할 수 있는지에 대해 다룹니다. 초심자 입장에서 쓴 글이니 더 깊은 내용을 원하시는 분들은 다른 문서를 참조해주시면 감사하겠습니다. 해당 포스트는 조현영 님의 웹 게임을 만들며 배우는 리액트 강의와 webpack 공식 문서를 참고하여 작성했습니다. 1. npm 패키지 설치 우선 react, react-dom을 설치해 줍니다. npm i react react-dom webpack 관련 패키지를 개발용으로 설치해줍니다. npm i -D webpack webpack-cli ECMA2015 이후 문법과 jsx 문법을 사용하기 위해 babel ..