Encontré que los documentos create-react-app recomiendan usar node-sass, pero el paquete en npm dice que LibSass y Node Sass están en desuso. Entonces, si alguien puede ayudar, ¿cuál es la mejor manera de instalar sass en un proyecto React?
He estado usando Sass/Scss en mis aplicaciones React haciendo lo que recomienda la documentación create-react-app , y todo funciona bien. Todo lo que necesitas es:
npm install sass --save Cambie sus archivos .css a .scss .
esto parece funcionar para mí
npm instalar sass
página-encabezado.scss
.page-heading { border: 3px solid red; width: 100%; &__divider { border: 3px solid blue; } }PageHeading.js
import { Typography, Divider } from '@mui/material'; import 'components/page-heading/page-heading.scss'; function PageTitle({ props: pageHeading }) { console.log(pageHeading); return ( <Typography component="h1" variant="h2" className="page-heading"> <Divider sx={{ hyphens: 'auto', whiteSpace: 'normal', }} className="page-heading__divider" > {pageHeading} </Divider> </Typography> ); } export default PageTitle;