[CSS] CSS 样式在发布后丢失

[laolarou726]

tdesign-react 版本

v1.11.0

重现链接

No response

重现步骤

在 main.tsx 添加 import "tdesign-react/es/style/index.css";

在 Dev 模式下样式显示均正常，使用 vite build 构建后发现大部分控件样式丢失。

如果使用 import "tdesign-react/dist/tdesign.css"; 能够正常发布且样式正常，但打包的 CSS 体积非常大。

vite.config.ts

import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react-swc";
import { defineConfig } from "vite";
import { patchCssModules } from "vite-css-modules";

// https://vite.dev/config/
export default defineConfig({
    plugins: [patchCssModules(), react(), tailwindcss()]
});

期望结果

根据官方文档 import "tdesign-react/es/style/index.css"; 应该能够正常使用

实际结果

No response

框架版本

React 18.2.0

浏览器版本

133.0.3065.82

系统版本

Windows 11 24H2

Node版本

v22.14.0

补充说明

No response

[github-actions[bot]]

👋 @laolarou726，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[laolarou726]

经过检查发现主要是 Menu 控件的样式丢失了，其他控件的样式看起来都是正常的。 是需要引入额外的 CSS 样式吗？

[laolarou726]

经过检查发现主要是 Menu 控件的样式丢失了，其他控件的样式看起来都是正常的。 是需要引入额外的 CSS 样式吗？

手动将 tdesign-react/es/style/index.css 中 menu 相关样式拷贝到项目目录中能够解决问题

[uyarn]

tdesign-react/es/style/index.css 这里面是css variables和少量的公共样式 丢失应该全部组件都异常 但是描述看起来是只有一个menu异常 是menu的所有样式都异常还是部分样式？

[laolarou726]

tdesign-react/es/style/index.css 这里面是css variables和少量的公共样式 丢失应该全部组件都异常 但是描述看起来是只有一个menu异常 是menu的所有样式都异常还是部分样式？

看起来是menu的整个样式都丢失了，但其他组件的样式都能够正常加载