El documento chino del paquete web no se actualiza a tiempo

Cuando escribí la documentación del paquete web, encontré que algunos complementos están desactualizados o actualizados, y su uso es diferente o abandonado. Regístrelo aquí y lea la documentación en inglés para resolver estos problemas.

1 plugin de paquete web limpio

Según el documento chino, se informará de un error.

 CleanWebpackPlugin is not a constructor

Debería usarse así

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

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

2 webpack-merge
Cuando se trata de construir el entorno de producción, el complemento webpack-merge informará un error al ejecutar start o build.

//merge is not a function

La solución rebaja el paquete web-merge de 5. + a 4. +

3 CommonsChunkPlugin
CommonsChunkPlugin se ha eliminado y se informará un error

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

De acuerdo con el mensaje de error, use splitChunks en su lugar

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

Supongo que te gusta

Origin blog.csdn.net/weixin_38987500/article/details/107463140
Recomendado
Clasificación