webpack4.0中使用clean-webpack-plugin，copy-webpack-plugin

1、安装

yarn add clean-webpack-plugin -D

yarn add copy-webpack-plugin -D

 

2、webpack.config.js

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

plugins: [
    ...
    // 打包的时候输出文件夹dist目录中的所有文件都将被删除，但是目录不会删除 
    new CleanWebpackPlugin(),
    new CopyPlugin([{ // 注意参数是数组，把项目中存在的某一个文件复制到打包后的文件夹（dist）里
      from: 'doc',
      to: 'doc'
    }]),
    new webpack.BannerPlugin('make L') // 版权声明，webpack内置，添加到打包输出后的js代码之前
  ]

作用：clean-webpack-plugin在生产环境打包的时候先删除之前生成的文件

copy-webpack-plugin用于复制文件