如何为 webpack 4 中的一组入口点创建公共块？

Question

我有一个 Nextjs 应用程序，它的页面分为 3 个区域，管理区域，前台区域，成员区域。

我想为node_modules属于同一区域的页面（它们被定义为 webpack 中的入口点）使用的所有包创建一个公共块。

比如这个是项目的文件夹结构，nextjs配置每个页面作为webpack的入口点。

pages/
  admin/
    page-1.jsx
    page-2.jsx
    page-3.jsx
    page-4.jsx
  front/
    page-a.jsx
    page-b.jsx
    page-c.jsx
  members/
    page-a1.jsx
    page-b2.jsx

我想创建admins-common块，将持有的所有通用node_module软件包page-1，page-2，page-3，page-4有共通之处。

如果同一个包被多个“组”（例如反应）使用，那么如果它是一个global-commons块，那就太好了。

希望这是有道理的，任何要点都会有所帮助。