[question] import css from module

[Tuan Anh Tran]

i'm using a library and it requires me to load some css like this import 'react-day-picker/lib/style.css';

I'm using pwa with preact preset and sass. however, adding the above doesn't import the css for me.

I'm reading pwa/core but couldn't figure it out.

[Luke Edwards]

With sass-loader I know you need to import with ~ prefix, but it looks like this is still a bug with native CSS imports.

You can try the above and let me know, but I'm going to dig thru this tonight. There seems to be a lot of similar issues in Webpack issues. 😕

[Tuan Anh Tran]

I tried that and still getting Module not found: Can't resolve '~react-day-picker/lib/style.css' error

[Luke Edwards]

Yeah, unfortunately that's what I was getting with native CSS modules here.

I'm currently passed that error – it can now resolve the style imports but it doesn't actually allow the vendor styles into the bundle.*.css output. 👎

As a quick "workaround" (maybe) you can try aliasing the vendor lib directly... but I fear you'll run into the same phantom/disappearing styles that I saw earlier.

module.exports = function (config) {
  config.resolve.alias['react-day-picker'] = join(__dirname, 'node_modules/react-day-picker');
}

Looking into it tonight