老师，同时分离基础库和公共脚本，具体要怎么配呢？期望提取出的common公共脚本 + vendor基础库，都可以自定义名称。但是貌似不行。。打包出来的vendor，总是vendors~xxx_hash.js这样的。而且设置两次name，第二次的会覆盖掉第一次的。。
  这样配的： cacheGroups: {
commons: {
name: 'common',
chunks: 'all',
minChunks: 2
},
vendors: {
test: /(react|react-dom)/,
                                        name: 'vendor',
chunks: 'all'
}
}

入口文件：
import {AppContainer} from "react-hot-loader";
import React,{Component} from "react";
import ReactDOM from "react-dom"
import App from "./components/index.js"

const render = Component=>{
    ReactDOM.render(
        <AppContainer>
            <Component></Component>
        </AppContainer>,
        document.getElementById("root")
    )
}
热更新部分代码。。。，其中App组件中包括Header和Footer React组件
webpack部分配置
 new HtmlWebpackPlugin({
           template:"./index.html",
           inject:true,
           filename:"index.html",
           chunks:["app","vendors"],
       }),
resolve: {
     alias: {
         'react-dom': '@hot-loader/react-dom'
     }
  },
。。。
 splitChunks:{
        cacheGroups: {
         vendors: {
            test: /[\\/]node_modules[\\/]/,
            // test:/(react|react-dom）/,
            name:"vendors",
            chunks:"all",//initial async all
            minChunks:2
         }
        }
      }
不知道为什么minChunks设置为>=2的时候一直无法提取vendors，而当我将它改为1的时候就可以提取出来了，老师麻烦帮忙看一下，这个问题困扰我很久啊，谢谢

module.exports = {
    //...
    optimization: {
      splitChunks: {
        // async：异步引入的库进行分离（默认）， initial： 同步引入的库进行分离， all：所有引入的库进行分离（推荐）
        chunks: 'async',
        minSize: 30000, // 抽离的公共包最小的大小，单位字节
        maxSize: 0, // 最大的大小
        minChunks: 1, // 资源使用的次数(在多个页面使用到)， 大于1， 最小使用次数
        maxAsyncRequests: 5, // 并发请求的数量
        maxInitialRequests: 3, // 入口文件做代码分割最多能分成3个js文件
        automaticNameDelimiter: '~', // 文件生成时的连接符
        automaticNameMaxLength: 30, // 自动自动命名最大长度
        name: true, //让cacheGroups里设置的名字有效
        cacheGroups: { //当打包同步代码时,上面的参数生效
          vendors: {
            test: /[\\/]node_modules[\\/]/, //检测引入的库是否在node_modlues目录下的
            priority: -10, //值越大,优先级越高.模块先打包到优先级高的组里
            filename: 'vendors.js'//把所有的库都打包到一个叫vendors.js的文件里
          },
          default: {
            minChunks: 2, // 上面有
            priority: -20, // 上面有
            reuseExistingChunk: true //如果一个模块已经被打包过了,那么再打包时就忽略这个上模块
          }
        }
      }
    }
  };