output.enableCssModuleTSDeclaration

• 类型： boolean
• 默认值： false

开启该配置后，会在项目使用 CSS Modules 文件的同级目录生成对应的 .d.ts 文件，该类型文件可以提供 CSS Modules 的类型提示，避免因拼写错误问题导致样式不生效。

例如，CSS 文件和配置如下：

src/style.module.css

.title {
  color: yellow;
}

modern.config.ts

import { defineConfig } from '@modern-js/app-tools';

export default defineConfig({
  output: {
    enableCssModuleTSDeclaration: true,
  },
});

执行 dev 命令后会发现 src 目录下生成了 style.module.css.d.ts：

// This file is automatically generated.
// Please do not change this file!
interface CssExports {
  title: string;
}
export const cssExports: CssExports;
export default cssExports;

info

该功能基于 css-modules-typescript-loader v4 实现。