Static-Style-Extract
Provide a lib like @ant-design/static-style-extract to support generate static css for SSR usage to generate raw css file for caching.
Install
npm install @lincy/static-style-extract
Usage
import extractStyle from `@lincy/static-style-extract`;
const cssText = extractStyle(); // :where(.css-bAMboOo).ant-btn ...
use with custom theme
import extractStyle from `@lincy/static-style-extract`;
const cssText = extractStyle(); // :where(.css-bAMboOo).ant-btn ...
const cssText = extractStyle((node) => (
<ConfigProvider theme={theme}>
{node}
</ConfigProvider>
));
use with custom module
import extractStyle from `@lincy/static-style-extract`;
import { Button, Input } from 'antd'
const cssText = extractStyle(); // :where(.css-bAMboOo).ant-btn ...
const cssText = extractStyle((node) => (
<ConfigProvider theme={theme}>
{node}
</ConfigProvider>
), { Button, Input });
Example
online example: http://react-component.github.io/static-style-extract/
Development
npm install
npm start
Test Case
npm test
Coverage
npm run coverage
open coverage/ dir
License
static-style-extract is released under the MIT license.