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(),
	],
};

このプラグインをインストールし、その動作を確認してください。