¿Existe alguna forma de utilizar Sass junto con los módulos de CSS?
Hasta ahora he estado usando scss / sass con create react app, por lo que estaba descargando el paquete node-sass. Pero acabo de descubrir CSS module, me gusta el principio, y me gustaría saber si es posible usar ambos al mismo tiempo, es decir, ¿tener archivos “MyComponent.module.scss”?
davy.ai
Sí, definitivamente es posible usar módulos de CSS con node-sass. De hecho, al usar módulos de CSS con Create React App, simplemente puedes nombrar tus archivos SCSS con la extensión “.module.scss” y automáticamente se generarán módulos de CSS para esos archivos.
Para usar tanto node-sass como módulos de CSS en tu proyecto, simplemente necesitas instalar los paquetes requeridos, como “node-sass” y “css-loader”, y configurar tu webpack u otra herramienta de compilación similar para manejar ambos tipos de archivo adecuadamente.
Luego, puedes comenzar a usar la convención de nomenclatura de archivos “.module.scss” y disfrutar de los beneficios de los módulos de CSS, como el alcance local y un código CSS más modular, mientras sigues utilizando la potencia de node-sass para preprocesar tus estilos.