6、清除dist目录（clean-webpack-plugin插件）

最新推荐文章于 2024-05-21 15:45:11 发布

jasmine_qiqi

最新推荐文章于 2024-05-21 15:45:11 发布

阅读量1.3k

点赞数

分类专栏： webpack 文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/weixin_45065754/article/details/124698879

版权

webpack 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

清除dist目录（clean-webpack-plugin插件）

作用：在每次打包前清除之前打包的dist文件
1、安装依赖包：yarn add clean-webpack-plugin -D

yarn add clean-webpack-plugin -D

2、导入插件

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

3、调用插件

	// 5、调用插件
	plugins: [
		// 自动生成html文件
		new HtmlWebpackPlugin({ template: './src/index.html' }),
		// 分离css文件
		new MiniCssExtractPlugin({ filename: 'css/index.css' }),
		// 清除dist文件
		new CleanWebpackPlugin()
	],