Javascript Webpack捆绑包大于单个包的总和 上下文

我已经使用webapck绑定了一个

vendor.js

。它变成了213KB

当我通过CDN单独加载包时，总大小不超过100KB

问题: 有没有解释为什么捆绑包更大，以及如何使捆绑包的大小更小的建议

片段 并使用此

webpack.config.js

// webpack.config.js
module.exports = {
    entry: {
        "vendor": './src/js/vendor.js',
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'public/javascripts/dist'),
    },
    optimization: {
        moduleIds: 'hashed',
        runtimeChunk: 'single',
        splitChunks: {
            cacheGroups: {
                vendor: {
                    test: /[\\/]node_modules[\\/]/,
                    name: 'vendor',
                    chunks: 'all',
                },
            },
        },
    },
    new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery'
    })
}

---

可能是因为webpack没有为您输出

产品

包。花点时间阅读这篇文章，尤其是

缩小部分。
// webpack.config.js
module.exports = {
    entry: {
        "vendor": './src/js/vendor.js',
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'public/javascripts/dist'),
    },
    optimization: {
        moduleIds: 'hashed',
        runtimeChunk: 'single',
        splitChunks: {
            cacheGroups: {
                vendor: {
                    test: /[\\/]node_modules[\\/]/,
                    name: 'vendor',
                    chunks: 'all',
                },
            },
        },
    },
    new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery'
    })
}