蚂蚁设计超越了反应情绪规则

时间:2019-11-21 22:20:43

标签: reactjs create-react-app antd emotion

在我的项目中,我将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样式。

0 个答案:

没有答案