在webpack中的多个编译器配置中提取常见块？

我正在尝试webpack中的多编译器选项,并在他们的github上关注这个例子.但是,我似乎无法理解如何在多个配置中拆分公共代码.

例如,我可能在不同的配置集中使用相同的供应商库.我想将这些共享代码捆绑到一个公共文件中.

我尝试了以下内容,但最终vendors为每个编译配置创建了一个单独的条目包.

var path = require("path");
var webpack = require("webpack");
module.exports = [
    {
        name: "app-mod1",
        entry: {
            vendors: ['jquery', 'react', 'react-dom'],
            pageA: ['./mod1/pageA'],
            pageB: ['./mod1/pageB']
        },
        output: {
            path: path.join(__dirname, "/mod1/js"),
            filename: "[name].bundle.js"
        },
        plugins: [
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendors'],
                minChunks: Infinity
            })
        ]
    },
    {
        name: "app-mod2",
        entry: {
            vendors: ['lodash', 'react', 'react-dom'],
            pageA: ['./mod2/pageA'],
            pageB: ['./mod2/pageB']
        },
        output: {
            path: path.join(__dirname, "/mod2/js"),
            filename: "[name].bundle.js"
        },
        plugins: [
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendors'],
                minChunks: Infinity
            })
        ]
    }
];

由于react,react-dom在2个编译之间共享,我的意图是将它们捆绑为单个文件,可以共享而不是为每个编译创建相同的包.

如何从多个编译器配置中提取公共块？