Webpack：在多个条目文件中找到重复的内容

Question

bounty到期在2天内。该问题的答案有资格获得+ 50声望赏金。Biswajit正在寻找来自信誉良好的来源的答案：

请提供答案。我知道这是可能的，我在nextjs ssr框架内完成]

Glob文件

const entryArray = glob.sync('src/**/*.js');
const entryObject = entryArray.reduce((acc, item) => {
  const name = item
  acc[name] = "./"+item;
  return acc;
}, {});
Webpack配置

const browserConfig = {
  entry: entryObject,

  output: {
    path: path.resolve(__dirname, "build"),
    filename: "[name]",
    publicPath: "/"
  },
}
{'src / App.js'：'./src/App.js'，'src / App.test.js'：'./src/App.test.js'，'src / index.js'：'./src/index.js'，'src / page / About.js'：'./src/page/About.js'，'src / page / Home.js'：'./src/page/Home.js'、'src/serviceWorker.js'：'./src/serviceWorker.js'，'src / setupTests.js'：'./src/setupTests.js'}

我能够在构建文件夹中获取多个文件。但是问题是Home.js的内容可以在index.js和App.js中找到。由于所有文件都通过导入链接到索引，页面中的所有文件都链接到App.js。

我想要的是我不想重复的副本，但是所有捆绑包都通过导入相互链接。也许您可以说它是代码拆分。

Glob文件const entryArray = glob.sync（'src / ** / *。js'）; const entryObject = entryArray.reduce（（acc，item）=> {const name = item acc [name] =“ ./"+item; return acc;}，{}）; Webpack配置...

Answer 1

SplitChunksPlugin可能有助于重复数据删除

Answer 2

Glob文件