CSS не загружается в пакете Rollup ⇐ CSS

[Anonymous]

Итак, после бесчисленных часов исследования я определил, что проблема связана с моей конфигурацией Rollup в моем проекте.
Проблема в том, что по какой-то причине стили CSS не применяются к моим компонентам после того, как я импортирую свой пакет в другой проект.
Что у меня есть:

• Настройка React + TypeScript
  < li>Сборный пакет
• Отдельный проект, в котором я использую сгенерированный пакет.

Вот моя конфигурация накопительного пакета:

Код: Выделить всё

import typescript from 'rollup-plugin-typescript2';
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import css from 'rollup-plugin-import-css';

const extensions = ['.js', '.jsx', '.ts', '.tsx'];

export default [
{
input: 'src/index.tsx',
output: {
file: 'dist/bundle.js',
format: 'iife',
name: 'MyApp',
sourcemap: true,
},
plugins: [
resolve({ extensions }),
commonjs(),
css(),
typescript({
tsconfig: 'tsconfig.json',
}),
],
},
{
input: 'src/index.tsx',
output: [
{
file: 'dist/cjs/index.js',
format: 'cjs',
sourcemap: true,
},
{
file: 'dist/esm/index.js',
format: 'esm',
sourcemap: true,
},
],
plugins: [
resolve({ extensions }),
commonjs(),
css(),
typescript({
tsconfig: 'tsconfig.json',
}),
],
},
];

а затем мои компоненты React импортируют файлы CSS следующим образом:

Код: Выделить всё

import React from 'react'
import './styles.css'

export default function MyComponent() {
return Hello World
}
< /code>
Эта вещь: bundle.js < /code> становится все хорошо, но когда я включаю пакет в другой проект, стили не применяются к моим компонентам.
Я делаю См. Файл .css 

в выводе, но он, кажется, не загружается автоматически. Я также попытался вызвать плагин CSS таким образом: CSS ({output: 'styles.css'}), с тем же результатом.
У меня есть минимальный рабочий пример на Stackblitz здесь < /p>
, чтобы запустить его: < /p>

• Код: Выделить всё

  npm install

• Код: Выделить всё

  npm run build

• Код: Выделить всё

  npm run dev

Как я могу должным образом настроить внедрение так, чтобы мой CSS был включен при включении пакета из другого проекта?
Любая обратная связь была бы очень оценена!

Подробнее здесь: https://stackoverflow.com/questions/793 ... lup-bundle