Избегайте дублирования чека Webpack

Question

Я пытаюсь внедрить в проект Webpack, и столкнулся со следующей ситуацией. У меня есть две точки входа: about и feedback.

about импортирует feedback, тогда как about и feedback подключены к странице. В результате код из feedback дублируется дважды.

Вопрос: Как я могу импортировать feedback в about без включения кода? То есть заставить Webpack импортировать модуль из другого файла.

Я знаю о optimization.splitChunks. В моей ситуации это не подходит. Дело в том, что у меня может быть много компонентов, которые связаны на разных страницах (может быть, несколько одновременно). Объединять их в один кусок и соединять везде нежелательно.

Answer 1

Вам необходимо добавить дополнительную опцию, называемую оптимизацией, в конфигурационном файле вашего веб-пакета

module.exports = {
  ...
  optimization: {
    mergeDuplicateChunks: false,
  }
  ...
}

Здесь вы найдете документацию по этому же вопросу - https://webpack.js.org/configuration/optimization/#optimizationmergeduplicatechunks