styled-components不能覆盖antd组件样式?

import styled from 'styled-components';
import {Button} from 'antd';
const Btn = styled(Button)`
  background: red;
`;

问题： 用styled-components包裹antd组件，样式没有被覆盖？查看head中，styled的样式在antd样式前面？

    其实是一个webpack加载css过程的问题，原因是在你当前代码加载之前，已经使用过styled-components，但是没有引用antd，导致styled-components的动态样式