webpack 中文文档未及时更新 错误处

本人撸webpack文档时发现 有些插件已经过时 或者已经更新 其用法已经不同 或者弃用 这里记录下 并且翻阅英文文档解决这些问题

1 clean-webpack-plugin

按照中文文档使用会报错

 CleanWebpackPlugin is not a constructor

应该这样使用

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports={
//......................
plugins:[
new CleanWwebpackPlugin()
]
}

2 webpack-merge
当到构建生产环境这一节用到了webpack-merge这个插件 当执行start 或者build时 会报错

//merge is not a function

解决方案 把5.+的webpack-merge 降级到4.+ 本人

3 CommonsChunkPlugin
CommonsChunkPlugin插件已经被移除 使用的话会报错

//webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

根据错误提示用splitChunks代替

module.exports = {
    entry: {
	//....................
    },
    plugins:[
//.........................
    ],
    optimization: {
        splitChunks: {
            name: 'common'
        }
    },
    output: {
//..............................
    }
}