Import .scss file from .jsx file

[lewischa]

I'm coming from a traditional web app development environment where I use webpack pretty consistently. In using webpack, I and my team are able to import scss files directly using a combination of loaders (sass-loader, css-loader, and style-loader).

I'm just getting started with Electron and I'm trying to use React as the framework for the front end along with sass, but I can't seem to do something like this:

// Irrelevant imports

import './styles.scss';  // <--- This doesn't work

export default class Header extends React.Component {
    // React things
}

Is there a way to do this, or am I way off the mark for "best practice" when using stylesheets with React and Electron? I'm trying to avoid using webpack and equally trying to avoid having a bunch of different <link /> tags in html files.

Any help or direction would be greatly appreciated :)