如何在多页网站上使用一组以上公共块的webpack 4上设置splitChunks？

Question

我有一个网站，其中包含一些webpack入口点：

• essential.js-包含网站运行所需的最少代码。首先在所有页面上加载。
• common.js-包含跨站点使用的共享代码。在所有页面上的essential.js之后加载。
• pageSpecific1.js-仅在一页上使用的代码，在基本和通用之后加载。

由于所有页面上都具有基本负载和公共负载，因此我要设置的第一件事是，essential.js中都使用了任何依赖项。因此common.js没有重复的代码。

然后针对页面特定的入口点，我希望对common.js进行相同的比较，以便这里也没有重复的代码。

现在，当我运行chrome代码覆盖率时，我看到很多未执行的代码，因为相同的库将包含在两个或多个入口点中。我遇到的困难是要设置这种多种常见的情况，始终保证其中一种要比另一种先加载。