@ ant- dedesign/ static- system- extract (英语)

提供像 @ant-design/static-style-extract 支持生成静态 Cs 用于 SSR 用于生成用于缓存的原始 cs 文件.

安装

npm install @ant-design/static-style-extract

使用量

import extractStyle from `@ant-design/static-style-extract`;

const cssText = extractStyle(); // :where(.css-bAMboOo).ant-btn ...

使用自定义主题

import extractStyle from `@ant-design/static-style-extract`;

const cssText = extractStyle(); // :where(.css-bAMboOo).ant-btn ...

const cssText = extractStyle((node) => (
  <ConfigProvider theme={theme}>
    {node}
  </ConfigProvider>
));

使用黑名单或白名单

import extractStyle from `@ant-design/static-style-extract`;

const cssText = extractStyle({
  includes: ['Button'] // Only Button style will be extracted
});

示例

http://localhost:8000 (英语)

在线实例 : http://react-community.github.io/ static-style-extract/ (中文(简体) )

发展

npm install
npm start

测试大小写

npm test

覆盖范围

npm run coverage

打开覆盖/ dir

许可证

@ant-design/static-style-extract 以麻省理工学院的许可释放.