Can not load css for external package

[alla-lipina]

This is my intent (choose one)

• I want to report a bug
• I want to request a feature or change
• I want to provide or change a feature

The problem

Following the documentation for setting up the react-day-picker in my project I try to require styles usying css-loader like this:

import "react-day-picker/lib/style.css";

but it doesn't work.

Proposed solution

🤔

[dmbch]

Hey @Lipina, thanks for this report! I am a afraid it appears that this might just be hops‘ current behavior: we are currently using css-loader with CSS modules for all CSS files.

As soon as we can merge #417 or #354 we will have a per-file opt-out for this behavior (see bc3a94a)

Could you temporarily include that component’s CSS locally in your project and wrap its class identifiers like so :global(.xxx) (see https://github.com/css-modules/css-modules/blob/master/README.md#exceptions)?

[dmbch]

This issue can now (finally) be resolved: https://github.com/xing/hops/releases/tag/v10.3.0

@Lipina please verify.

[alla-lipina]

It doesn't work for me unfortunately. 🤷‍♀️

I tried both import "react-day-picker/lib/style.css"; and import "react-day-picker/lib/style.css?global";

[ZauberNerd]

Hi @Lipina unfortunately we didn't test this thorough enough and still have issues with files that are loaded from node_modules instead of file relative.
For now to work around this issue, you probably could import like this: import "./node_modules/react-day-picker/lib/style.css?global"; - and if that doesn't work you could place the style.css in your application folder and load it like this: import "./style.css?global";

[ZauberNerd]

This has been merged into master with #688 and will be included in the next release of Hops 11 RC.