本文假設(shè)你已經(jīng)創(chuàng)建好了React項目,參考上一篇文章webpack4設(shè)置react項目
1、通過npm安裝antd
npm install -D antd
2、按需引用antd模塊咐吼,使用 babel-plugin-import(推薦)
npm install -D babel-plugin-import
修改配置文件 .babelrc
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] // `style: true` 會加載 less 文件
]
}
3、接下來直接引用antd模塊即可商佑,如下圖
QQ截圖20180909002629.jpg
效果圖
QQ截圖20180909002715.jpg