将SASS转换为SCSS的高效方法及替代工具咨询

你的核心需求是高效批量转换.sass文件到.scss格式，除了你提到的旧版sass-convert工具，以下是几个更可靠、维护更活跃的替代方案：

1. Dart Sass 命令行批量转换 #

Dart Sass是官方当前维护的Sass实现，原生支持缩进语法（Sass）转SCSS：

• 安装：npm install -g sass
• 批量转换脚本（适用于bash/zsh环境）：

  # 递归遍历当前目录下所有.sass文件，转为同名.scss
  find . -name "*.sass" -type f | while read file; do
    sass "$file" "${file%.sass}.scss" --style expanded
    # 可选：删除原.sass文件
    # rm "$file"
  done
  

  优势：兼容性强，无老旧Ruby依赖，转换结果符合现代SCSS规范，完美适配Prettier等格式化工具。

2. VS Code 插件可视化转换 #

适合偏好GUI操作的场景：

• Sass Converter插件：支持单个/批量选择.sass文件一键转换为SCSS，可实时预览转换结果，操作门槛低。
• Prettier + Sass插件：打开.sass文件后，直接用Prettier格式化（快捷键Ctrl+Shift+I），Prettier会自动将缩进语法转换为带大括号的SCSS格式，前提是确保Prettier配置中启用了Sass解析支持。

3. 自定义Node.js脚本实现灵活转换 #

如果需要自定义转换规则（比如保留特定注释、调整输出格式），可以写简单的Node.js脚本：

const fs = require('fs').promises;
const path = require('path');
const sass = require('sass');

async function convertDir(dir) {
  const entries = await fs.readdir(dir, { withFileTypes: true });
  for (const entry of entries) {
    const fullPath = path.join(dir, entry.name);
    if (entry.isDirectory()) {
      await convertDir(fullPath);
    } else if (path.extname(entry.name) === '.sass') {
      const result = sass.renderSync({
        file: fullPath,
        indentedSyntax: true,
        outputStyle: 'expanded'
      });
      const scssPath = fullPath.replace(/\.sass$/, '.scss');
      await fs.writeFile(scssPath, result.css.toString());
      console.log(`Converted: ${fullPath} → ${scssPath}`);
    }
  }
}

// 启动转换，传入目标目录
convertDir('./').catch(err => console.error(err));

使用步骤：

1. 初始化项目（若未初始化）：npm init -y
2. 安装依赖：npm install sass
3. 将脚本保存为convert-sass.js，运行：node convert-sass.js

方案优势说明 #

这些工具都是当前维护活跃的项目，相比旧版ruby-sass的sass-convert，兼容性和稳定性更好，转换后的SCSS代码完美适配Prettier等格式化工具，解决你提到的格式错误问题。

内容的提问来源于stack exchange，提问作者Peter Plevko