webpack使用CleanWebpackPlugin插件时报错

webpack使用CleanWebpackPlugin插件时报错

在学习使用webpack过程中，使用CleanWebpackPlugin插件时，安装插件一切正常，如图：

按照官方指南给出的对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 文件夹，是比较推荐的做法，因此只会生成用到的文件。”