강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của dohyunlim
dohyunlim

câu hỏi đã được viết

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

Các plugin thường được sử dụng

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

Viết

·

160

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웹팩babeleslint

Câu trả lời 1

0

jeonghwan님의 프로필 이미지
jeonghwan
Người chia sẻ kiến thức

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

 

Hình ảnh hồ sơ của dohyunlim
dohyunlim

câu hỏi đã được viết

Đặt câu hỏi