废话不多说,直接截图上代码
- yarn eject
- 在项目中出现一个config的文件夹
- yarn add babel-plugin-import
- 修改webpack.config.dev(开发环境) (这个)// Process any JS outside of the app with Babel.
增加 "plugins": [ [ "import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" } ], "transform-runtime" ],
- webpack.config.prod(构建环境)
options: { plugins: [ ['import',[{ // 导入一个插件 libraryName: 'antd', // 暴露的库名 style: true // 直接将ants样式文件动态编译成行内样式插入,就不需要每次都导入 }]] ], compact: true, },
8.import {Input} from ‘antd’