clean-webpack-plugin各版本踩坑记

1.简要

    当前最新版本3.0.0，针对^0、^1、 ^2 版本正确使用方式不同，^3.没成功

2.实践

    1. 安装 npm i -D clean-webpack-plugin@0  | @1

     2. 使用 const cleanWebpackPlugin = require('xxx'), 

         plugins: [

                new cleanWebpackPlugin(['dist'], {

                    root: path.resolve(__dirname, '../dist')  // 如果dist目录超出config 目录层级，则配置

                })

         ] 

      3.安装 npm i -D clean-webpack-plugin@2       

      4. 使用 const cleanWebpackPlugin = require('xxx'), 

         plugins: [

            new CleanWebpackPlugin({

               dry:false,

               cleanOnceBeforeBuildPatterns:['../dist'], // 或者使用绝对路径

               dangerouslyAllowCleanPatternsOutsideProject: true,

           })

         ] 

     5.安装 npm i -D clean-webpack-plugin@3       

     6. 使用 const { cleanWebpackPlugin } = require('xxx'), 

         plugins: [

            new CleanWebpackPlugin({

               dry:false,

               cleanOnceBeforeBuildPatterns:['../dist'], // 或者使用绝对路径

               dangerouslyAllowCleanPatternsOutsideProject: true,

           })

         ] 

     安装3.0.0版本后，引用方式改变了，按照官文文档配置，没起作用，打包之前没有删除output 文件夹，知道原由，敬请留言告知。