react antd没有样式如何解决

@import'~antd/dist/antd.css';

module.exports={
entry:{
index:path.join(srcPath,'index.js'),
},
module:{
rules:[
//babel-loader
{
test:/.(js|jsx)$/,
loader:['babel-loader?cacheDirectory'],//开启缓存
include:srcPath,
//exclude:/node_modules/
loader:require.resolve('babel-loader'),
options:{
plugins:[
//引入样式为css
//style为true则默认引入less
['import',{libraryName:'antd',style:'css'}],
]
}
}
]
},
plugins:[
newHtmlWebpackPlugin({
template:path.join(srcPath,'index.html'),
filename:'index.html'
})
]
}