CSS Injection into Server Side render (SSR) about rollup-plugin-styles HOT 3 OPEN

I had the same issue, i solved it by extracting css and than import it in _app.tsx

example:

plugins: [ peerDepsExternal(), resolve(), commonjs(), typescript({ tsconfig: "./tsconfig.json" }), styles({ mode: ['extract', 'components.css'], minimize: true, sourceMap: true, }) ],

then in next _app.tsx:

import 'your-lib/dist/assets/components.css'

Hope it helps :D

from rollup-plugin-styles.

But it need to import css file. If there is an way to do it automatically without manual import from package directory? Here I use rollup for creating react package.

from rollup-plugin-styles.

the component itself is unstyled i dont understand why @siamahnaf @andro-bosnjak i think the bundles do contain the style, but there is something related to server side rendering

from rollup-plugin-styles.