Как заставить nodejs преобразовывать scss в css-modules на стороне сервера?

Question

[Иосиф Копейкин]

Есть вот такой простой компонент

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>
    );
  }
}

При запуске сервака все валится на том, что js воспринимает scss как js. Как отрендерить такой компонент на стороне сервера?

Comments

[Lynn «Кофеман»]

обычно для этого используется webpack

[Иосиф Копейкин]

Алексей Тен, вебпак собирает этот компонент под браузер и не инжектит стили, так как в ноде нет document.createElement

Answer 1

[Виталий]

WebPack в такой реализации подбирает все найденные стили и создаёт css bundle. Его можно вручную подключать в header SSR. А вообще я использую JSS