前言
在现代前端开发中,SASS是一种广受欢迎的CSS扩展语言,它提供了许多实用功能,如变量、嵌套、部分和混合等。
本教程将指导您在一个使用Vite作为构建工具的React项目中如何配置和使用SASS。
使用步骤
1、创建一个Vite + React项目
首先确保你已经安装了Node.js。然后,通过以下命令创建一个新的Vite + React项目:
npm create vite@latest my-vite-react-app -- --template react
执行后,进入项目文件夹:
cd my-vite-react-app
2、安装 SASS 依赖库
在项目中使用SASS,我们需要安装sass
包。在项目目录中打开终端,并执行:
npm install sass