import styled from 'styled-components';
import {Button} from 'antd';
const Btn = styled(Button)`
background: red;
`;
問題： 用styled-components包裹antd組件瘤袖，樣式?jīng)]有被覆蓋？查看head中荠瘪，styled的樣式在antd樣式前面茵休？
????其實是一個
webpack加載css過程的問題，原因是在你當前代碼加載之前造成，已經(jīng)使用過styled-components穗泵，但是沒有引用antd，導致styled-components的動態(tài)樣式<script>已經(jīng)插入到<head>中谜疤，而antd的樣式還沒有加載佃延，這樣導致你在后面使用styled包裹antd樣式時，antd的樣式才會插入<head>夷磕，但是你的styled-component包裹的樣式只會插入到之前定義好的<script>履肃，優(yōu)先級就會比antd的樣式低。
?????這是webpack的開發(fā)環(huán)境對css的處理順序導致的坐桩，但是在生產(chǎn)環(huán)境不會有尺棋，因為antd樣式加載會變成靜態(tài)已經(jīng)打包好的css文件，而styled-components仍然是動態(tài)的绵跷。
