即使在 webpack 配置中拆分后，供应商代码仍然位于 bundle.js 文件中

使用下面的 webpack 配置，我仍然在 bundle.js 文件中获取供应商代码。（即使在代码分割之后，bundle.js 的大小也保持不变）。 我希望供应商代码不应出现在bundle.js 中

遵循某些链接，但没有帮助。 (https://github.com/dmachat/angular-webpack-cookbook/wiki/Split-app-and-vendors https://github.com/dmachat/angular-webpack-cookbook/wiki/Split-app-and-vendors)

'use strict';

 var webpack = require('webpack');

module.exports = {
context: __dirname + '/client/js',
entry: {
    source: ['./init.jsx'],
    vendor: ['react',
        'react-dom',
        'redux',
        'axios',
        'ramda-fantasy',
        'ramda',
        'react-json-tree',
        'react-tooltip',
        'validator']
},
output: {
    filename: "[name].bundle.js"
},
resolve: {
    modulesDirectories: ['node_modules'],
    extensions: ['', '.js', '.jsx']
},
module: {
    loaders: [
        { test: /\.json$/, loader: 'json-loader' },
        {
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
                presets: ['react', 'es2015', 'stage-0']
            }
        },
        { test: /\.css$/, loader: "css-loader" },
    ]
},

plugins: [new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',
    chunks: ['vendor'],
    filename: 'vendor.js',
    minChunks: Infinity
})
],

devtool: 'source-map',

node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
},

 target: 'web'
};

根据Webpack文档here https://webpack.js.org/plugins/commons-chunk-plugin/， CommonsChunkPlugin 已被弃用，并在版本 4 之后被删除。原因是 - 这可能就是为什么它不能与您一起工作，它已被证明在异步块上效率低下，并且也难以使用（例如：当设置了 child 时）为 true，这仅适用于直接子级），因此配置不会包含共享模块的 3 级依赖关系。

请选择SplitChunks插件 https://webpack.js.org/plugins/split-chunks-plugin/。这应该可以解决你的问题。