如何将每个scss文件编译到自己的文件夹中，而不是将它们合并到一个文件夹中？

要将每个scss文件编译到自己的文件夹中，而不是合并到一个文件夹中，可以使用以下步骤：

1. 确保你的开发环境中已经安装了Sass编译工具，比如node-sass、sass、或者gulp-sass等。
2. 在项目的根目录下创建一个名为src的文件夹，用于存放所有的scss文件。
3. 在src文件夹中创建多个子文件夹，每个子文件夹代表一个scss文件的输出目录。例如，你可以创建src/style1、src/style2等子文件夹。
4. 在每个子文件夹中创建对应的scss文件。例如，在src/style1文件夹中创建style1.scss文件，在src/style2文件夹中创建style2.scss文件。
5. 配置Sass编译工具，使其将每个scss文件编译到对应的输出目录中。具体配置方式取决于你使用的编译工具。
   • 如果使用node-sass，可以在项目根目录下创建一个compile-sass.js文件，使用Node.js编写以下代码：
   • 如果使用node-sass，可以在项目根目录下创建一个compile-sass.js文件，使用Node.js编写以下代码：
   • 然后在命令行中执行node compile-sass.js，即可将每个scss文件编译到对应的输出目录中。
   • 如果使用gulp-sass，可以在项目根目录下创建一个gulpfile.js文件，使用Gulp编写以下代码：
   • 如果使用gulp-sass，可以在项目根目录下创建一个gulpfile.js文件，使用Gulp编写以下代码：
   • 然后在命令行中执行gulp，即可将每个scss文件编译到对应的输出目录中。

• 执行编译命令后，每个scss文件将会被编译成对应的css文件，并保存在输出目录中。

这样，你就可以将每个scss文件编译到自己的文件夹中，而不是合并到一个文件夹中。根据实际需求，你可以在输出目录中进一步组织和管理编译后的css文件。