inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

바벨(풀이)

webpack loader 관련 질문

250

정재윤

작성한 질문수 29

0

안녕하세요 정환님.

webpack loader 관련해서 질문이 있습니다.

 

// webpack.config.js

module: [

  rules: [

    {

       test: ~~~~,

이렇게 작성할 때,

두 가지 방식으로 작성하는 거 같은데요.

혹시 무슨 차이가 있을까요?

use : [{

  loader: ~~~,

  options: {...}

}]

이렇게도 작성하는 것 같더라고요

babel 웹팩 eslint nodejs

답변 1

0

김정환

하나의 로더만 설정할때는 loader와 options를 사용하고요. 두 개 이상 로더를 설정할 때는 use 옵션을 사용합니다.

// Actions:
loader: "babel-loader",
// the loader which should be applied, it'll be resolved relative to the context

options: {
  presets: ["es2015"]
},

// options for the loader
use: [
  // apply multiple loaders and options instead. 여러개 로더와 옵션을 사용할 때 
  "htmllint-loader",
  {
    loader: "html-loader",
    options: {
      // ...
    }
  }
],

설정 문서도 참고드립니다.

지금 시점에서 해당 강의를 듣는 것에 대하여

1

133

3

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

1

251

1

에러 해결 공유드립니다

1

235

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

253

2

eslint

0

398

3

도와주세요!

0

172

2

[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전

1

155

1

질문 an error occurred while loading the image

1

490

1

webpack에서 babel-loader 사용할때 질문

1

160

1

자주 사용하는 플러그인 에서 질문이 있습니다.

1

174

1

eslint no-extra-semi 관련 질문

1

152

1

webpack5 에서 open index.html하는법 + 질문

1

177

1

TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable

2

313

1

혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?

1

375

1

에러없이 png안뜨시는 분들

1

286

1

Error: Cannot find module 'node:crypto'

1

471

1

DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함

1

421

1

깃허브 확인 문의

0

583

1

폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문

0

414

1

해쉬값과 캐쉬 갱신

1

469

1

Hash 에러 발생

1

2679

2

webpack.config.js에서의 CommonJS방식에 대한 질문

0

845

3

웹팩 버전

0

530

1

웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?

0

491

1