24.08.29 17:01 작성
·
34
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를 쓴 이유를 알고 싶습니다!!
답변 1
0
2024. 08. 29. 19:02
웹팩의 plugins 설정 값이 배열이기 때문입니다. 조건에 따라 MiniCssExtractPlugin을 배열에 넣어야하기 때문에 나머지 연산자를 사용했어요.