我照着官網 寫你也給我報錯: CleanWebpackPlugin is not a constructor

小編 可是辛辛苦苦按照 官網來的 你給我報錯了

const path=require('path');
const HtmlWebpackPlugin=require("html-webpack-plugin");
const CleanWebpackPlugin=require('clean-webpack-plugin');
module.exports={
    entry:{
        app:'./src/index.js',
        print:'./src/print.js'
    },
    output:{
        filename:'[name].bundle.js',
        path:path.resolve(__dirname,'dist'),
    },
    plugins:[
        new CleanWebpackPlugin(['dist']),
        new HtmlWebpackPlugin({
            title:'OutPut Management'
        }),
        
    ]
}

沒有什麼坑 比官網的坑還難受了 畢竟 插件包更新了 官方文檔沒有更新 哇 難受
心碎啊 下面是正確的寫法 其實不用配置那麼多東西的

const path=require('path');
const HtmlWebpackPlugin=require("html-webpack-plugin");
// 這裏這樣寫
const {CleanWebpackPlugin}=require('clean-webpack-plugin');
module.exports={
    entry:{
        app:'./src/index.js',
        print:'./src/print.js'
    },
    output:{
        filename:'[name].bundle.js',
        path:path.resolve(__dirname,'dist'),
    },
    plugins:[
        new CleanWebpackPlugin(), // 可以傳入一個對象 也可以不寫 
        new HtmlWebpackPlugin({
            title:'OutPut Management'
        }),
        
    ]
}