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用於複製文件