Webpack에서 빌드 폴더 정리하기

기본적으로 Webpack은 이전 파일을 삭제하지 않고 새 파일을 빌드 폴더에 배치합니다. 이것은 약간 불편합니다. 다음 플러그인이 폴더 정리를 도와줍니다: clean-webpack-plugin.

설치해 봅시다:

npm install clean-webpack-plugin --save-dev

임포트합니다:

import {CleanWebpackPlugin} from 'clean-webpack-plugin';

활성화합니다:

export default {
	entry: {
		test1: './src/test1.js',
		test2: './src/test2.js',
		test3: './src/test3.js',
	},
	output: {
		filename: '[name].[contenthash].js',
		path: path.resolve('dist'), // 플러그인 작동에 필수적입니다
	},
	plugins: [
		new CleanWebpackPlugin(),
	],
};

이 플러그인을 설치하고 작동을 확인해 보세요.