webpack里的optimization.splitChunks配置commons和vendor是什么意思？

最近在學(xué)習(xí)webpack4的過程中，遇到問題，就是關(guān)于optimization.splitChunks，官網(wǎng)上說這是用于分包的，將重復(fù)引入的模塊打包到一個(gè)js里面，防止重復(fù)打包，這個(gè)我可以理解，但是關(guān)于具體的配置，我不是很懂，求大神賜教，以下是代碼：

optimization: {
        splitChunks: {
            cacheGroups: {
                commons: {
                    name: "commons",
                    chunks: "initial",
                    minChunks: 2
                },
                vendor: { 
                    chunks: "all",
                    test: /[\\/]node_modules[\\/]/,
                    name: "vendor",
                    minChunks: 1,
                    maxInitialRequests: 5,
                    minSize: 0,
                    priority: 100
                }
            }
        }
    }

這是我自己摸索的配置，然后并沒有如我想的那樣打包出2個(gè)js，我想問，commons和vendor各是什么意思，各在什么情況下使用，各項(xiàng)配置是什么意思，我這么寫，為何只打包出了一個(gè)js（vendor），commons呢，如果name不設(shè)置，那么生成的文件名是什么，還有，我發(fā)現(xiàn)打包出來的vendor.js特別大，是正常的嗎？
求大神不吝賜教，萬分感謝！