记录一下学习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
