Проблема использования внешних пакетов Webpack
Я создаю библиотеку, которая зависит от Styled-Components. Я также делаю приложение, которое зависит от моей библиотеки и Styled-Components. Не делая ничего особенного, я получил предупреждение о загрузке двух экземпляров Styled-Components. После некоторых исследований мне показалось, что мне нужно использовать внешние компоненты веб-пакета, чтобы не компилировать Styled-Components в комплект библиотеки.
Мой первый вопрос: нужно ли мне также использовать одноранговые зависимости npm? Это ортогональная концепция? Во всяком случае, я также добавил Styled-Components как одноранговую зависимость моей библиотеки.
У моего хост-приложения было много проблем. Поэтому я создаю упрощенное демо-приложение (если нужно, опубликую все это в репо). Это просто файл index.js, который импортирует мою библиотеку. Я также тогда npm устанавливаю Styled-Components. Я использую синтаксис es6 для импорта своей библиотеки и поэтому добавляю все обязательные пакеты babel. Я установил свой конфиг webpack для связывания моего приложения.
Но я получаю эту ошибку:
ОШИБКА в../libs/ab-chart/dist/bundle.js Модуль не найден: Ошибка: Не удается разрешить 'styled-components' в '/Users/abollba/Dropbox/all/web/apps/libs/ab- график / расстояние"
Я часами поливал документацию по веб-пакету. Я построил, снес и экспериментировал с каждым ключом конфигурации бесконечно. Я нахожусь в точке, где я собираюсь сдаться. Просто слишком много факторов и запутанных ошибок, чтобы знать, что делать. Я был бы очень признателен за любую помощь!
Изменить (дополнительная информация):
предоставление информации, запрашиваемой в ответах:
3) я включаю библиотеку в свое приложение следующим образом: import { Chart } from "ab-chart";