如何防止不带弹出式CRA的sass生成css文件？

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

但这是行不通的，有人可以简要介绍一下如何摆脱这种情况。如果在将新项目配置为true或false时提供create-react-app --sass设置，那真是太棒了。但是不幸的是，所有这些都是现在定制的。