安装babel-plugin-import插件。下面方法二选一,都可以实现antd的按需加载。
一、配置webpack.config.js文件
{ test: /.jsx?$/, exclude: /(node_modules|bower_components)/, use: [{ loader: 'babel-loader' }], options: { "plugins": [ [ "import", { "libraryName": "antd", "style": true } ] ] } }
二、配置babelrc文件
{ "presets": ["env", "react"], "plugins": [ "transform-runtime", "transform-object-rest-spread", [ "import", { "libraryName": "antd", "style": true } ] ] }