Lorsque j'ai écrit la documentation du pack Web, j'ai trouvé que certains plugins sont obsolètes ou mis à jour et que leur utilisation est différente ou abandonnée.
1 plugin webpack propre
Selon le document chinois, une erreur sera signalée
CleanWebpackPlugin is not a constructor
Devrait être utilisé comme ça
const {
CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports={
//......................
plugins:[
new CleanWwebpackPlugin()
]
}
2 webpack-merge
Lorsqu'il s'agit de créer l'environnement de production, le plug-in webpack-merge signale une erreur lors de l'exécution de start ou build.
//merge is not a function
La solution rétrograde le webpack-merge de 5. + À 4. +
3 CommonsChunkPlugin
CommonsChunkPlugin a été supprimé et une erreur sera signalée
//webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
Selon le message d'erreur, utilisez plutôt splitChunks
module.exports = {
entry: {
//....................
},
plugins:[
//.........................
],
optimization: {
splitChunks: {
name: 'common'
}
},
output: {
//..............................
}
}