coding- w00se

  • 홈
  • 태그
  • 방명록

loader 2

[Webpack] Webpack 로더(Loaders)

로더(Loaders) webpack은 기본적으로 Javascript와 JSON 파일만 이해합니다.(= 모듈화 할 수 있습니다.) css, 이미지 파일, 폰트 등의 다른 유형의 파일들을 번들하기 위해서는 로더(Loader)의 도움을 받아 처리해야 합니다. 즉, 로더는 Javascript와 JSON을 제외한 다른 유형의 파일들의 처리하여 모듈화 가능하게 해 줍니다. 커스텀 로더를 만들면 로더의 동작 원리를 이해하는데 도움이 됩니다. 커스텀 로더를 만드는 예제는 김정환님 블로그에 잘 나와있습니다. 로더 설정 방법 로더는 webpack.config.js 파일에 modules 객체의 rules 속성에 배열로 등록합니다. 예제 코드 // webpack.config.js const path = require(&#39..

Frontend 2022.02.26

[Webpack] Webpack 이란 무엇인가?

Webpack이란 무엇인가? At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles. 위는 webpack 공식 문서에 나온 webpack에 대한 설명이다. webpack은 module bundler(모듈 번들러)이며 webpack은 프로젝트에 사용된 module의 의존성 그래프를 바탕으로 하나 이상의 bundle을 생성한다. '실전 ..

Programming/JS 2021.05.16
1
더보기
프로필사진

공부한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (103)
    • PS (47)
      • Python (46)
      • Mysql (1)
    • CS (1)
      • Web (1)
    • Programming (19)
      • JS (11)
      • TS (5)
      • Python (2)
    • Frontend (20)
      • React-Native (13)
      • React (4)
    • Test (2)
    • Data (0)
    • Project (2)
      • ATSAY (2)
    • Retrospect (8)

Tag

React Native, typescript, 너비 우선 탐색, 기초, programmers, 코딩테스트, webpack, 프로그래머스, 파이썬, BFS, 카카오, CYPRESS, react, baekjoon, plugin, 구현, javascript, python, Animated, 백준,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바