Reactjs 与sass合作并作出反应

我正在学习React，我已经用CRA创建了一些应用程序。 我还没有找到在react项目中包含sass的好方法，因此我提出了以下建议：

在src文件夹上安装节点sass

将此添加到

包.json

：

“节点：sass”：“节点sass src/index.scss src/index.css-w”

然后在每个组件上，我会添加一个sass部分文件，这样我就可以将样式和js文件保存在同一个文件夹中

这样做有什么问题吗

---

我读过一些教程来配置webpack以使用sass，但听起来有点复杂

包括每个组件的部分是很好的，实际上作为一个标准是鼓励的。然后使用

ExtractTextPlugin

将其包含在网页包中，这样可以将所有sass文件捆绑到一个css文件中，然后导入

index.html

。您可以在此处看到一个示例：

为此，您还需要包含

sass加载程序

，它将允许您的Js文件解析您的sass类名。请随意使用我的入门包，上面的代码链接在其中，以帮助您解决所有问题

---

编辑：另外，看看这个示例组件，看看导入样式是如何工作的：

如果您想在react应用程序中使用sass，请安装chokidar 它将帮助您：

---

创建react应用程序v2，支持SASS开箱即用（） 此处是阅读文档的链接：

如果尚未安装节点sass，则只需安装节点sass即可

npm i node-sass --save-dev

然后确保导入扩展名为scss的文件。 如果需要更改旧的css文件，请更改扩展名，然后进行导入