第一步 npm install antd 安装antd
第二步 在根目录下创建.babelrc文件 配置按需引入需要用到的plugin
npm install --save-dev import-babel-import
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "usage", //按需引入polyfill
"corejs": 3
}
],
"@babel/preset-react"
],
"plugins": [
[
"import",
{
"libraryName": "antd",
"style": "css",
"libraryDirectory": "es"
},
"antd"
],
]
}
第三步 webpack中配置如下:
注意: css-loader 和 less-loader要分开配置 引入antd的时候引用的样式是css 用css-loader处理即可 我最开始就是因为css 和less 都用的 less-loader处理 所以导致antd样式不生效
{
test: /\.css$/i, //css文件只用css