Как создать общие блоки для группы точек входа в webpack 4?

#webpack #webpack-4 #next.js

#webpack #веб-пакет-4 #next.js

Вопрос:

У меня есть приложение 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 имеют общее.

Если один и тот же пакет используется несколькими «группами» (например, react), было бы здорово, если бы он был в виде global-commons фрагмента.

Надеюсь, это имеет смысл, любые пункты помогут.

Комментарии:

1. как вы это сделали? Я в той же ситуации, что и вы. любая помощь будет оценена. Спасибо..

2. В настоящее время я создаю блоки вручную, вручную выбирая каждую библиотеку … это не будет масштабироваться, это временное решение, пока я не разделю его на 3 отдельные части

3. Это может помочь поместить ваше webpack.config сообщение в сообщение