webpack - 在 webpack 4 中，如何只在一个条目上拆分块？

Question

我有两个条目：page1.js、page2.js。

我不想在两个条目之间提取共享代码。我只想提取 page2.js 中使用的 node_modules。

如何在 webpack 4 中实现这一点？谢谢。

Answer 1

从官方文档来看，拥有多个条目将为每个条目创建单独的依赖关系图。

const config = {
  entry: {
    pageOne: './src/page1.js',
    pageTwo: './src/page2.js',

  },
  output: {
   path: path.resolve(__dirname, 'dist')   
  }
};

参考：https ://webpack.js.org/concepts/entry-points/#multi-page-application

Answer 2

您可以使用以下配置：

splitChunks {
  vendor: {
    name: 'vendor',
    chunks: 'all',
    test: /node_modules/
  }
}