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 实现。