Как предотвратить генерацию CSS-файлов для sass с CRA без извлечения?

Question

Попытка использовать SASS или LESS без извлечения.

Успешно настроено по ссылке ниже: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

Но его генерация .scss до .css во время выполнения и необходимостиполагаться на .css при импорте из компонентов, что немного смущает во время разработки.

Есть ли способ просто положиться на .scss только так:

import React, { Component } from "react";
import style from "./App.scss"; --> Sass import as module

class App extends Component {
  render() {
    return (
      <div className={style.welcome}>
        <h1>Hello</h1>
      </div>
    );
  }
}

export default App;

А в файле App.scss:

.welcome { color: red; }

Но это не работает, может кто-нибудь вкратце рассказать, как избавиться от этой ситуации.Было бы здорово, если бы было предоставлено create-react-app --sass setup при настройке нового проекта на true или false.Но, к сожалению, сейчас все настроено.