webpack 自动清除上一次打包构建目录文件--clean-webpack-plugin

最新推荐文章于 2023-09-18 19:50:19 发布

kaiking_g

最新推荐文章于 2023-09-18 19:50:19 发布

阅读量2.7k

点赞数 2

分类专栏： javascript webpack 文章标签： webpack clean-webpack-plugin

本文链接：https://blog.csdn.net/u013299635/article/details/94592175

版权

javascript 同时被 2 个专栏收录

88 篇文章 2 订阅

订阅专栏

webpack

15 篇文章 0 订阅

订阅专栏

安装插件 clean-webpack-plugin

cnpm i -D clean-webpack-plugin

配置

在 webpack.prod.js 中引入，并配置插件

+ const CleanWebpackPlugin = require('clean-webpack-plugin') // webpack4之前的引入方式
+ // const { CleanWebpackPlugin } = require('clean-webpack-plugin') // webpack4之后的引入方式

module.exports = {
  // ...
  plugins:[
    + new CleanWebpackPlugin(['dist']) // ['dist'] 匹配删除的文件
  ]
}

/**
其他配置：
	new CleanWebpackPlugin(
	    ['dist'],	//匹配删除的文件
      	{
	        root: path.resolve(__dirname,'../'),     // 根目录
		    verbose:true,	// 是否启用控制台输出信息
			dry: false		// 设置为false,启用删除文件
      	}
    )
*/