preact build ignores CSS files

Do you want to request a feature or report a bug? Bug

What is the current behaviour? When importing a CSS file, preact build ignores it while preact watch puts it in the build.

If the current behaviour is a bug, please provide the steps to reproduce. Import a CSS file without specifying imports.

import "@material/radio/dist/mdc.radio.css";

And run build. The CSS file will not be in the build folder and the page will miss this styles.

What is the expected behaviour? Preact bundles the styles in the CSS file, without changing the class names.

If this is a feature request, what is motivation or use case for changing the behaviour?

Please mention other relevant information.

Please paste the results of preact info here. Unknown argument: info

Version is 2.2.1

[ForsakenHarmony]

The issue might happen if you include the css files in src/components or src/routes, because files imported from there get treated as css modules

[bojan88]

@DerDrodt sorry, my bad. I didn’t quite understand the problem.

I have 2 possible workarounds for you:

1. I think CSS files included in src/index.js don’t have hashed class names. So moving your import "@material/radio/dist/mdc.radio.css"; to src/index.js might solve your issue.
2. Install SASS and include your file like this from another .scss file:

:global {
  @import "@material/radio/dist/mdc.radio.css";
}