Блог

Я использую Webpack для создания модуля NPM. Внутри него есть несколько модулей, которые импортируются динамически. На этапе производственной сборки это означает, что он генерирует около 8 файлов JavaScript.

Когда вы npm install используете модуль, он переносит только папку сборки, а не исходные файлы.

Проблема в том, что я пытаюсь использовать этот модуль NPM в другом проекте, который также использует Webpack. Даже когда я использую cacheGroups функциональность для таргетинга только на мой модуль NPM, он объединяет все мои файлы сборки в один файл, когда я просто хочу, чтобы он сохранил то, что уже есть.

Это было бы плохо само по себе, потому что это устраняет разделение кода, но это также не работает, потому что файл все еще пытается связаться с отдельными файлами, которые не существуют.

Я хочу, чтобы другие проекты могли легко воспользоваться преимуществами разделения кода, которые предлагает этот модуль NPM (это оказывает огромное влияние на время загрузки). Есть ли простой способ добиться этого в конфигурации Webpack потребляющего проекта?

Единственное, что я могу придумать, это также предоставить исходные файлы в модуле NPM и указать там в качестве записи.