Как я могу создать библиотеку JS с помощью webpack, импортирующего только то, что используется?

#javascript #reactjs #npm #webpack

Вопрос:

Итак, мне нужно создать компоненты npm react и библиотеку утилит JS, я использую webpack, но у меня 2 проблемы.

  1. Как я могу скомпилировать код (код реакции) и импортировать его таким import { Component } from 'my-lib'; образом, чтобы в конечном приложении импортировался только код, а не остальная часть содержимого библиотеки.
  2. Некоторые компоненты/утилиты внутри библиотеки имеют дополнительные зависимости, но иногда конечному проекту не нужны эти части библиотеки, и, конечно, добавление этих дополнительных зависимостей не требуется… Но в моей библиотеке говорится, что зависимость необходима для установки в конечном проекте.

Мне нужен какой-нибудь путеводитель или отправная точка, чтобы взглянуть.

Спасибо!

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

1. webpack.js.org/guides/tree-shaking и webpack.js.org/configuration/externals доставит тебя туда на всем пути. Если вы, конечно, настаиваете на webpack (в отличие от чего-то более современного и более быстрого, такого как esbuild)