inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

자주 사용하는 플러그인

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

169

dohyun_lim

작성한 질문수 67

1

    new HtmlWebpackPlugin({
      template: "./src/index.html",
      templateParameters: {
        env: process.env.NODE_ENV === "development" ? "(개발용)" : ""
      },
      minify: process.env.NODE_ENV === "production" ? {
        collapseWhitespace: true,
        removeComments: true,
      } : false
    }),
    new CleanWebpackPlugin({
      
    }),
    ...(process.env.NODE_ENV === "production" 
      ? [new MiniCssExtractPlugin({filename: "[name].css"})]
      : [])
  ]

왜 MiniCssExtractPlugin에서는 spread operator를 쓰고 삼항연산자를 쓴 건가요?
위에 HtmlWebpackPlugin에서 한것처럼 그냥 process.env.NODE_ENV 삼항연산자를 쓰면 되는게 아닌가요?

추가적으로 spread operator를 쓴 이유를 알고 싶습니다!!

node.js 웹팩 babel eslint

답변 1

0

김정환

웹팩의 plugins 설정 값이 배열이기 때문입니다. 조건에 따라 MiniCssExtractPlugin을 배열에 넣어야하기 때문에 나머지 연산자를 사용했어요.

 

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

1

114

3

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

1

231

1

에러 해결 공유드립니다

1

225

2

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

1

234

2

eslint

0

384

3

도와주세요!

0

167

2

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

1

149

1

질문 an error occurred while loading the image

1

473

1

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

1

153

1

eslint no-extra-semi 관련 질문

1

145

1

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

1

170

1

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

2

305

1

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

1

373

1

에러없이 png안뜨시는 분들

1

278

1

Error: Cannot find module 'node:crypto'

1

466

1

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

1

412

1

깃허브 확인 문의

0

577

1

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

0

408

1

해쉬값과 캐쉬 갱신

1

462

1

Hash 에러 발생

1

2670

2

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

0

832

3

웹팩 버전

0

526

1

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

0

487

1

import해오는 두가지 방법에 대해 제가 잘 이해한건지 확인받고 싶습니다!!

0

323

1