如何修改typed-scss-modules的输出目录至types/sass文件夹？

typed-scss-modules 支持通过两种方式自定义.d.ts文件的输出目录，满足你将类型文件隔离到types/sass的需求：

1. 命令行参数方式 #

直接在运行命令时添加--out-dir（或简写-o）参数指定输出路径：

typed-scss-modules path/to/your/sass/files --out-dir types/sass

举个实际例子，如果你的Sass文件都在src/styles目录下，命令就是：

typed-scss-modules src/styles --out-dir types/sass

工具会自动保留源文件的相对目录结构，比如src/styles/button.module.scss对应的类型文件会生成在types/sass/styles/button.module.d.ts；如果不需要保留结构，可结合--flat参数（但通常保留结构更便于对应源文件）。

2. 配置文件方式 #

在项目根目录创建配置文件typed-scss-modules.config.js，通过outDir字段指定输出路径：

module.exports = {
  // 指定要处理的Sass文件匹配规则
  glob: 'src/**/*.module.scss',
  // 输出目录
  outDir: 'types/sass',
  // 可选：其他配置，比如是否生成默认导出等
  exportDefault: true
};

之后直接运行typed-scss-modules命令即可，工具会自动读取该配置。

注意事项 #

• 如果types/sass目录不存在，工具会自动创建该目录；
• 若你在package.json的scripts中配置命令，可写成：

  {
    "scripts": {
      "gen-sass-types": "typed-scss-modules src/styles --out-dir types/sass"
    }
  }
  

  运行npm run gen-sass-types即可批量生成类型文件。

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