javascript - 是否可以在 webpack 中排除入口点被分割成 block 的情况？

Question

在 webpack.config.js 中考虑到这一点:

{
  entry: {
    a: '.../a.js',
    b: '.../b.js',
    separate: '.../separate.js',
    vendor: ['lib1', 'lib2', ...]
  },
  ...
  plugins: [
    ...
    new webpack.optimize.CommonsChunkPlugin({
      names: ["commons", "vendor"],
      minChunks: 2
    })
  ]
}

是否可以让单独的入口点不受公共(public) block 的影响？我只是希望 separate.js 完全独立，而不是在 manifest.json entrypoints 列表中列出多个 Assets 。

Answer 1

您可以在 webpack.config.js 中返回多个配置 - 这样您就可以重用插件、模块或任何您拥有的内容，只是不要将 commons 插件添加到第二个配置。请记住，将生成单独的 webpack 运行时 - 一个在 vendor 中用于 a 和 b，第二个在 separate.

return [
    {
        entry: {
            a: '.../a.js',
            b: '.../b.js',
            vendor: ['lib1', 'lib2', ...]
        },
        ...
        plugins: [
            ...
            new webpack.optimize.CommonsChunkPlugin({
                names: ["commons", "vendor"],
                minChunks: 2
            })
        ]
    },
    {
        ...
        entry: {
            separate: '.../separate.js'
        }
        ...
    }
];