如何引入react组件库
1、通过npm安装antd 推荐(Node.js教程)
antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。
npm install -D antd
2、按需引用antd模块,使用 babel-plugin-import(推荐)
npm install -D babel-plugin-import
修改配置文件 .babelrc
// .babelrc or babel-loader option { "plugins": [ [ "import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" } ] // `style: true` 会加载 less 文件 ] }
3、接下来使用import和require直接引用antd模块即可,如下图
更多React相关技术文章,请访问React答疑栏目进行学习!
以上就是如何引入react组件库的详细内容,更多请关注易知道|edz.cc其它相关文章!