记录一下学习webpack的日常,

今天在学到webpack环境分离的时候,prod环境打包,使用到一个CleanWebpackPlugin插件,
他的作用是: 清除对应文件目录,然后让打包出来的东西都是最新的,

但是出现了一个bug CleanWebpackPlugin is not a constructor

image.png

报错之前安装如下:

     npm install -D clean-webpack-plugin
 // 引入
  const CleanWebpackPlugin  = require('clean-webpack-plugin');
  plugins:[
        //使用插件清除dist文件夹中的文件
         new CleanWebpackPlugin({
            path: './dist'
        }),
]

报错原因 : 新版本的引入方式不一样了,要使用ES6解构语法,解构出来才可以new

正确使用方式!!!!

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

重新打包就可以了

image.png