简介：我们可以使用名为 node-sass的包在 React 中使用 SASS 。使用node-sass我们可以创建sass文件并将它们用作普通的 CSS 我们 React 中的文件 application 和node-sass将负责编译sass文件。
先决条件： SASS简介
模块：要编译 sass 代码，可以使用node-sass。
设置环境和执行：
第 1 步：创建 React App 命令
npx create-react-app foldername第 2 步：创建项目文件夹后，即文件夹名称，使用以下命令移动到它：
cd foldername项目结构：它将如下所示。
第 3 步：使用以下命令安装所需的模块：
npm install node-sass
第四步：创建一个sass文件，如下图：
第 5 步：以下将是 sass 语法中的代码。
文件名- App.scss：
CSS
.gfg {
background-color: green;
padding: 5px;
padding-left: 15px;
h1 {
color: white;
font-family: sans-serif;
}
}Javascript
import React, { Component } from 'react';
import './App.scss';
class App extends Component {
render() {
return (
Geeks for Geeks
);
}
}
export default App;第 6 步：以下将是 App.js 文件中的代码。
文件名：App.js
Javascript
import React, { Component } from 'react';
import './App.scss';
class App extends Component {
render() {
return (
Geeks for Geeks
);
}
}
export default App;
运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：
npm start注意：如果存在编译问题，请按如下方式降级 node-sass：
npm install node-sass@4.14.1输出：现在打开浏览器并转到http://localhost:3000/ ，您将看到以下输出：
