Question

我有一个带有多个入口点的应用程序。但是所有入口点都使用相同的第三方库。我想将这些第三方库单独放在一个单独的文件中。当我按照documentation中的步骤操作时，它会将我的应用程序代码也移动到第三个供应商块文件中。

select

以下是webpack输出

entry: {
    index: __dirname + "/entry1.js",
    app: __dirname + "/entry2.js",
    vendor: ["axios", "react-router", "react", "react-dom"]
},
output: {
    path: __dirname + "/build",
    filename: "[name]-[hash].js"
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin("vendor", "[name]-[hash].js")
]

打开此issue in Github 2191

Answer 1

将minChunks设置为Infinity似乎可以解决问题。下面是代码。您还可以获得working example here。

new webpack.optimize.CommonsChunkPlugin({
        name: "vendor",
        minChunks: Infinity
    })

Webpack Multi Entry Common Vendor

1 个答案: