How do you include a CSS file from node_modules without it prefixing?

When I do …

import 'react-select/dist/react-select.css';

Then the css is dumped to the page but with all of the extra stuff in the name, expecting that I’ll be using the withStyles method, but it’s not my component and doesn’t use that method. With how all of this is configured, how can I bypass the renames?

Would it be a good idea to modify this starter kit to have a css loader for anything in the node_modules directory where it doesn’t do all the class renaming since components asking you to include their css this way is common and the current set up breaks the css.

[janceChun]

it works for me to add
@import ‘~bootstrap/dist/css/bootstrap’; @import ‘~bootstrap/dist/css/bootstrap-theme’; in core.scss

[frenzzy]

Replace postcss-import with postcss-partial-import and use like so:

/* YourStyles.css */
:global {
  @import 'react-select/dist/react-select.css';
  /* or @import '~/react-select/dist/react-select.css' */
  /* or @import '../../../node_modules/react-select/dist/react-select.css' */
}