本人撸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: {
//..............................
}
}