일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- Cypress
- SSR
- app router
- 결정 알고리즘
- TS
- 인터섹션
- React
- Promise
- async/await
- ESlint
- 태그된 유니온
- CORS
- 무한 스크롤
- RTK Query
- CI/CD
- 타입 좁히기
- 투포인터
- recoil
- Jest
- tailwind
- autosize
- webpack
- 호이스팅
- 리터럴 타입
- dfs
- useAppDispatch
- 이분 검색
- 공변성
- map
- 반공변성
Archives
- Today
- Total
목록loader (1)
짧은코딩
웹팩의 4가지 주요 속성(loader, plugin)
Loader module.exports = { module: { rules: [] } } 로더는 웹팩이 js가 아닌 HTML, CSS, Images, 폰트 같은 자원을 변환할 수 있도록 도와주는 속성이다. 로더는 module로 사용된다. module을 주석 처리한 경우 module을 주석 처리하고 빌드를 하면 사진 처럼 오류가 난다. js 파일 안에 css가 들어갈 수 없어서 로더를 설정하라는 메시지이다. 예시 module.exports = { module: { rules: [ { // 모든 css 확장자를 가진 파일에 use에 있는 loader를 적용하겠다라는 의미 test: /\.css$/, use: ["style-loader", "css-loader"], }, // 모든 js 파일에 대해 babel..
인프런, 유데미/webpack
2023. 1. 21. 00:16