在我的项目中,我将Ant设计组件与react-emotion一起使用。
我最终遇到的情况是,有时在页面<head>
标签之内的情感样式之后添加蚂蚁设计样式。
...
<style data-emotion="css">...</style>
<style>...</style> <-- ant design style -->
...
Antd
是通过create react app
包添加到customize-cra
的
module.exports = override(
addDecoratorsLegacy(),
fixBabelImports("import", {
libraryName: "antd",
libraryDirectory: 'es',
style: true
}),
addLessLoader({
javascriptEnabled: true,
modifyVars: darkTheme.default
}),
...addBabelPlugins(
"polished",
process.env.NODE_ENV === 'production'
? 'emotion'
: ['emotion', { sourceMap: true }]
)
);
这是情感样式被蚂蚁样式取代的原因。
有人知道如何解决此问题吗?
我不希望不添加antd
个已编译的CSS样式。