【发布时间】：2021-06-10 06:05:09
【问题描述】：
我有一个问题，我们是否需要将我们的 scss 文件编译为 css，然后在我们的 react 组件中导入 css 文件，或者我们可以直接在组件中导入 scss 吗？
我设法直接导入 scss，因为我们使用高于版本 2 的 react-scripts（这是支持 sass-loader 的起点），但是直接导入 scss 有一些缺点吗？
目前我们的配置是我们监视 scss 更改并使用 node-sass-chokidar 我们将其编译为 css 并导入 css 文件，但我想更改它，因此我们在同一文件夹级别中没有一堆 css 和 scss 文件。
谢谢
【问题讨论】：
-
导入 SCSS 没有缺点。您可以将样式的源文件（即 SCSS 文件）导入到反应组件中。这就是我无论如何都会做的。如果您需要，这也将使您能够share variables between the SCSS and your javascript
-
我只是想听听别人的意见。然后我将切换到直接导入 scss，从而删除所有那些只是增强可读性的生成的 css 文件。我想在 react-scripts 版本 2 和 sass-loader 之前，scss -> css 是必需的，但我现在看不到这样做的附加值。谢谢
标签： css reactjs webpack sass create-react-app