『webpack』基础篇 - 自动清理构建目录产物

当前构建时的问题

每次构建的时候不会清理目录，造成构建的输出目录output文件越来越多

解决方法

一. 通过 npm script清理构建目录

rm -rf ./dist && webpack
// 或者
rimraf ./dist && webpack

二. 自动清理构建目录

clean-webpack-plugin

• 安装

npm i clean-webpack-plugin -D                                    

webpack.config.js

module.exports = {
	plugins: [
		new CleanWebpackPlugin()
	]
}