강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

dohyunlim のプロフィール画像
dohyunlim

投稿した質問数

フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)

よく使うプラグイン

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

作成

·

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

回答 1

0

jeonghwan님의 프로필 이미지
jeonghwan
インストラクター

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

 

dohyunlim のプロフィール画像
dohyunlim

投稿した質問数

質問する