关于webpack使用CleanWebpackPlugin插件时报错
在学习使用webpack过程中,使用CleanWebpackPlugin插件时,安装插件一切正常,如图:
但按照webpack官方指南给出的对webpack.config.js配置:
...
const CleanWebpackPlugin = require('clean-webpack-plugin');
...
plugins: [
new CleanWebpackPlugin(['dist']),
]
...
接着npm run build后,报了一大段错,如图:
这里发现错在了CleanWebpackPlugin is not a constructor这句话上,具体原因应该是这个插件可能更新了,但官方给出的指南中没有更新。在网上查找出解决办法,将webpack.config.js中配置修改一下:
...
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
...
plugins: [
new CleanWebpackPlugin()
]
...
现在再进行npm run build,运行未发现报错。运行结果按照官方指南描述所说的,检查 /dist 文件夹,不会再看到旧的文件,而是只有构建后生成的文件!
这样得到的/dist文件夹比较 “干净”,即官方给出清理 /dist 文件夹 所说的 “每次构建前清理 /dist 文件夹,是比较推荐的做法,因此只会生成用到的文件。”