跳转到主文档

output.enableCssModuleTSDeclaration

适用的工程方案

MWA。

  • 类型: 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 实现。