🤔 webpack 이란?
플랫폼, 틀만 제공해주는 역할을 합니다.
webpack를 지하철역으로 예를 들면 그 안에 상점이나 지하철 등은 플러그인이나 로더 등 웹팩을 구성하기 위해 여러가지것들을 의미합니다.
loader란?
middleware의 역할을 합니다. entry로 부터 파일을 읽어온후 loader에 넘겨주어 bable-loader, style-loader 등등을 거치며 converting 해줍니다.
plugin이란?
loader가 끝난 후 결과물을 가지고 후처리를 담당합니다.
난독화나 트리쉐이킹등을 하여 빌드된 결과물을 가지고 후처리를 합니다.
webpack 혼자공부하기 좋은 핸드북
babel은 왜 잘게 쪼개져있는가?
babel을 들어가보면 각 기능기반으로 폴더가 잘게 쪼개 있습니다.
이것은 여러가지일을 동시에 하는 것보다 1가지 일을 하는게 좋다는 관심사의 분리의 측면에서 구성되었다고 볼 수 있습니다.
redux-saga 예제
https://codesandbox.io/s/ordermonitor04-n51jrkq2wl?file=/src/index.tsx
개발하는 프론트엔드개발자