webpack 4之vendors 提取第三方模块

我使用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，在此简单记录使用中出现过的问题。

• 需要把第三方模块单独拎出来打包成一个js文件，避免重复打包这些既没更改，又体积大的包
• webpack 4以前使用 webpack.optimize.CommonsChunkPlugin 现在没法用了，新的是给module添加optimization属性，在里面做相关配置
• 在webpack生产环境中配置

// webpack.publish.config.js
module.exports = {
   
    entry: {
   
    app: './src/index.js', // 项目主入口文件
    vendors: [