常用插件

webpack中的插件分为第三方插件和内置插件；
第三方插件需要 下载npm包，然后require到webpack配置文件
内置插件不需要下载npm包，直接引入webpack引用即可

第三方使用方式

yarn add clean-webpack-plugin -D
const CleanWebpackPlugin = require('clean-webpack-plugin');
{
    plugins: [new CleanWebpackPlugin({})]
}

内置插件使用

const webpack = require('webpack');
{
    plugins: [new webpack.BannerPlugin({})]
}

clean-webpack-plugin

简介：每次打包将指定的文件目录清空

copy-webpack-plugin

简介：copy文件到指定位置

webpack-merge

简介：合并webpack配置【webpack.base.js + webpack.dev.js】

webpack.DefinePlugin

简介：定义环境变量
使用

{
    plugins: [new webpack.DefinePlugin({
      DEV: JSON.stringify('dev')
  })]
}