Всем привет! История такая: - создал простой npm пакет, в котором

подключается изображение через
import MyImage from ’path’, далее билдится дистрибутив с такими настройками:

{
test: /\.png$/,
type: 'asset/resource',
generator: {
filename: '[hash][ext][query]',
}
},


всё нормально, всё работает.

- далее публикую пакет на npmjs и устанавливаю его в родительский проект npm i ‘test-image-pack’

запускаю дев-сервер и вижу ошибку:

Not allowed to load local resource: file:///Users/myName/Projects/MyProject/parent-for-image-pack/node_modules/test-image-pack/dist/1470ed31a8de6896c14b.png

делаю билд родительского проект, лезу в сам билд и вижу, что он ссылается внутрь node_modules:

;// CONCATENATED MODULE: ./src/atlas_light.png
const atlas_light_namespaceObject = __nested_webpack_require_43__.p + "1470ed31a8de6896c14b.png";

Вопрос: как сделать, что бы родительский проект подтягивал картинки из зависимостей к себе в dist?

Увы это так не работает, все картинки в пакете надо заинлвйнить как base64 прямо в код

держу это как запасной вариант, проблема в том, что, скорее всего, в проекте будет много тем(dark, light и т.д.) и для каждой нужны атласы и не все они нужны в единицу времени + хотелось бы, что бы браузер их кешировал отдельно от бандла

Понимаю. Можно ещё через webpackCopyPlugin перенести из нод модулей в локальный дист

Сейчас так и работает)

На заметку - раньше все ui киты включали в себя и оформление и логику. Сейчас уже так не делают - логика отдельно, внешний вид (тема) отдельно