clean-webpack-plugin 如何使用
时间: 2024-05-25 14:15:02 浏览: 148
Clean-webpack-plugin 是一款用于在打包前自动清理输出目录的插件,使用方法如下:
1. 安装插件
在项目根目录下运行以下命令进行安装:
npm install clean-webpack-plugin --save-dev
2. 引入插件
在 webpack.config.js 文件中引入插件:
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
3. 配置插件
在 plugins 中添加插件的配置:
plugins: [
new CleanWebpackPlugin(),
],
以上就是 clean-webpack-plugin 的使用方法。
相关问题
clean-webpack-plugin
clean-webpack-plugin 是一个用于清理构建目录的 Webpack 插件。 在 Webpack 构建项目时,可能会生成一些旧的构建文件,这些文件可能会影响构建结果或者占用磁盘空间。使用 clean-webpack-plugin 插件可以自动删除之前的构建文件,从而保证每次构建的结果是干净的。这个插件可以在 Webpack 的配置文件中配置使用,可以通过 npm 安装并在项目中使用。
配置clean-webpack-plugin 插件
clean-webpack-plugin 插件用于在每次构建前清除输出目录。要配置这个插件,首先需要安装它:
```
npm install clean-webpack-plugin --save-dev
```
然后,在 webpack 配置文件中引入该插件:
```javascript
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
```
最后,在 plugins 配置项中添加该插件:
```javascript
plugins: [
new CleanWebpackPlugin(),
// 其他插件...
]
```
这样,在每次构建前,该插件会自动清除输出目录,以确保输出目录是干净的。该插件还支持一些配置项,例如可以指定要清除的目录,排除某些文件等,具体使用方法可以查看官方文档。