https://zhuanlan.zhihu.com/p/42313148
在做項目的時候,直接npm install antd 然后import {Input} from "antd"這樣來使用的時候發現沒有樣式,所以需要在webpack中加入一些配置來實現按需引用antd的樣式,方法如下:
安裝插件babel-plugin-import
npm installl babel-plugin-import
.babelrc配置修改
{ "presets": [ "env","react","stage-0" ], "plugins": [ "syntax-dynamic-import", "transform-runtime", [ "import", { "libraryName": "antd", "style": "css" } ] ] }
其中
[
"import",
{
"libraryName": "antd",
"style": "css"
}
]
]
這個就是用來實現按需加載antd的樣式的
如果babel的配置寫在webpack.config.js中,寫法樣式參考webpack官網。
