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 文件夾，是比較推薦的做法，因此只會生成用到的文件。”