如何使用build-scripts处理SCSS文件？

在Node.js环境中，可以使用各种构建工具如Webpack、Gulp或Grunt配合Sass-loader来处理SCSS文件。以下是基本的步骤：

1. **安装依赖**:
- 首先，你需要确保已经全局安装了Node.js。然后，在项目目录下，通过npm（Node包管理器）安装`node-sass`（用于编译SCSS到CSS）和`sass-loader`（webpack的插件，用于在打包过程中处理SCSS）：

   npm install node-sass sass-loader --save-dev

2. **配置构建工具**:
- 对于Webpack，你需要在配置文件`webpack.config.js`中添加Sass-loader：

   module.exports = {
     // ...其他配置...
     module: {
       rules: [
         {
           test: /\.scss$/,
           use: ['style-loader', 'css-loader', 'sass-loader'],
         },
       ],
     },
   };

- Gulp或者Grunt有相应的插件，例如gulp-sass或grunt-contrib-sass，只需按照各自的文档设置好任务。

3. **编写SCSS文件**:
- 创建`.scss`文件，编写样式并导入所需的模块。

4. **运行构建脚本**:
- 使用对应的命令行工具（如`npm run build`、`gulp watch`或`grunt build`等），启动构建过程，SCSS会被编译成CSS。

5. **应用CSS**:
- 编译后的CSS通常会放在指定的输出目录，可以直接引入到HTML文件中。