Reactjs 如何在react中查看sass文件夹的更改，而无需在css中编译

package.json中的Curreny my scripts如下所示：

"scripts": {
    "build-css": "node-sass-chokidar src/styles/ -o src/styles/",
    "watch-css": "npm run build-css && node-sass-chokidar src/styles/ -o src/styles/ --watch --recursive"
  }

当我键入npm run watch css时，它会监视并将我的所有scss文件编译成css。我在react组件中导入编译好的css文件，就像这样import'../styles/component.css'

我需要找到一种方法，不导入css文件，而是导入scss文件，并使用特殊命令，如npm run watch scss查看我在scss文件中所做的所有更改

备注：我正在使用CreateReact应用程序

@import "some_style.scss";

---

在您的sass文件中。

CRA将构建配置逻辑抽象为简单。如果要添加自定义生成逻辑，则需要使用以下命令退出抽象版本：

npm run eject

这将运行一个脚本以公开webpack生成配置。从这里开始，您需要为webpack添加一个sass加载程序

指南：