在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/
  }
}