How to make nodejs convert scss to css-modules on server side?

Question

css

There is such a simple component

import React, {Component} from 'react';
import {observer} from 'mobx-react';
import style from './style.scss';

@observer
export default class App extends Component {
  render() {
    return (
      <div>
        <h1 className={style.title}>Hello from App Component!</h1>
        {this.props.children}
      </div>
    );
  }
}

When you start the server, everything falls on the fact that js perceives scss as js. How to render such a component on the server side?

Answer 1

WebPack in this implementation picks up all found styles and creates a css bundle. It can be manually included in the header SSR. In general, I use JSS