webpack

entry output loader plugin Entry entry는 웹팩이 어떤 파일을 기반으로 변환을 할 것인지에 대한 진입점을 나타내는 속성을 의미한다. //webpack.config.js module.exports={ entry: './src/index.js', output: {}, module: { rules:[] }, plugins: [], } Entry파일에 들어갈 내용 Entry파일에는 웹 어플리케이션의 전반적인 구조를 가지고 있어야 한다. 전반적인 구조가 있어야하는 이유는 이를 웹팩이 해당 구조에 따라 연동된 모듈들에 대해 파악할 수 있고 번들링 작업을 할 수 있기 때문이다. App.tsx 파일에는 라우트 경로에 따른 컴포넌트 경로를 포함하고 있다. 따라서 전반적인 구조를 가지고 있다...

웹팩이란? 웹팩은 React, Vue, angular와 같은 최신 프론트엔드 프레임워크나 라이브러리에서 대부분 쓰인다고 해도 무방하다. 이는 모듈 번들러로 개발자가 웹 어플리케이션을 만들때 html, css, javascript, image 등이 모두 모듈에 해당한다. 이런 분산된 모듈들을 하나로 묶어줘서 결과물을 반환해주는 역할을 한다. 모듈: 어떠한 기능을 수행하는 작은 코드 단위 모듈 번들링: 여러 개의 모듈(파일)들을 하나의 파일로 병합하여 결과물을 내주는 동작 웹팩이 필요한 이유 파일 단위의 자바스크립트 모듈 관리의 필요성 개발자를 위한 자동화 기능 더 빠른 속도와 성능 파일 단위의 자바스크립트 모듈 관리 자바스크립트는 입문자의 관점에서 꽤 편리하게 사용할 수 있다. const a = 5; co..