webpack中的clean-webpack-plugin

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/28/webpack%E4%B8%AD%E7%9A%84clean-webpack-plugin/

摘要

本文主要讲述了：

作用
安装
示例

正文

每次进行打包之前，开发者不得不去手动清空构建目录（即output.path属性），否则新旧文件会混杂在一起。

作用

自动清空构建目录。

安装

1
2
3

#!/usr/bin/env bash

npm install --save-dev clean-webpack-plugin

示例

learn_webapck/webpack.config.js

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

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  plugins: [new CleanWebpackPlugin()],
};