Запрос в веб-пакете

Question

Я пытаюсь сделать библиотеку (используя машинопись и веб-пакет). Библиотека предназначена для использования различными приложениями angular.

Каждое приложение не может использовать один и тот же набор функций, и поэтому библиотека разбивается на несколько (для каждой функции) с использованием entry веб-пакета. Теперь библиотека разделена на (скажем) main.js, func1.js, func2.js и др. c. Здесь main.js - это минимальная библиотека, которую приложение должно использовать вместе с одной или несколькими необходимыми библиотеками функциональных возможностей (комбинация потребления основана на приложении). Я достиг ожидаемого разбиения, но общие модули дублируются в каждом чанке и привели к увеличению размера приложения.

Чтобы избежать дублирования, я использовал optimization.splitChunks веб-пакета следующим образом.

optimization {
    splitChunks: {
        common: {
            name: 'common',
            chunks: 'initial',
            minChunks: 2
        }
    }
}

Опция избежала дублирования и создала новый файл с именем common.js со всеми общими модулями.

Теперь мне нужно объединить common.js с main.js (наш первый блок, обязательный -потребляемый) вместо того, чтобы быть отдельным файлом. Это достижимо? Если так, то как?

Answer 1

Я снова выполняю webpack, чтобы объединить common.js и main.js, чтобы получить main.js с использованием конфигурации следующим образом:

entry: {
    'main': ['common.js', 'main.js']
  }

Таким образом я выполняю свое требование. Если есть другое мнение, пожалуйста, напишите.