npm install antd-iconfontbash
$ yarn add antd-iconfont
$ yarn add babel-plugin-import -D
$ yarn add less less-loader -D
`2. 配置babel插件
`json
// 注意style要设置成true,使用less而非css
{
"babel": {
"plugins": [
[
"import",
[
{
"libraryName": "antd",
"style": true
}
]
]
]
}
}
`3. 配置webpack.xxx.config.js
`js
// module => rules中增加项
// 通过修改modifyVars中的值修改默认antd.less的默认参数
{
test: /\.less$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
{
loader: require.resolve('less-loader'),
options: {
modifyVars: {
'@icon-url': '"~antd-iconfont/iconfont"',
},
},
},
],
},
``