首页 新闻 会员 周边

react使用antd组件每次都要引入吗

0
悬赏园豆：5 [待解决问题]

最近在学习react+antd等一系列框架组件；

想请教个问题：
比如说多个组件中都有用到Button等antd组件，难道每个用到的组件头部都要import { Button } from 'antd'引入一下吗？？？这样的话也太麻烦了吧，不能统一把用到的antd组件一次引入export全局使用嘛。我是个菜鸡，但我觉得应该可以吧。
大佬们！看见了捞一下哈！！！怎么实现呢？

梨。涡的主页 梨。涡 | 菜鸟二级 | 园豆：203
提问于：2022-07-27 16:20
< >
分享
所有回答(1)
0

切换成 vue + ant-design-vue 就能满足你的要求了

by.Genesis | 园豆：2719 (老鸟四级) | 2022-07-28 11:39

这。。。哈哈就是为了学react的

支持(0) 反对(0) 梨。涡 | 园豆：203 (菜鸟二级) | 2022-07-28 11:41

@梨。涡: 可以使用 Webpack Provide Plugin，在 webpack 配置文件里面配置

大概就像这个样子

const webpack = require('webpack')

plugins: [
  new webpack.ProvidePlugin({
    Button: ['antd', 'Button'],
    // ...
  })
]

详细可以参考官方文档 https://webpack.js.org/plugins/provide-plugin

支持(0) 反对(0) by.Genesis | 园豆：2719 (老鸟四级) | 2022-08-04 10:03

@by.Genesis: 待我研究下~

支持(0) 反对(0) 梨。涡 | 园豆：203 (菜鸟二级) | 2022-08-08 18:14
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。