react 使用 antd 组件需要一个个引入，不如 vue 的 el-,v-等方便，有什么解决办法?
fescover · 2020-01-15 22:09:52 +08:00 · 5795 次点击这是一个创建于 1760 天前的主题，其中的信息可能已经有所发展或是发生改变。
如果一个页面需要一百个组件，都要一个个引入，太麻烦了
 |
1
VDimos 2020-01-15 22:19:22 +08:00 via Android
vscode 自动 import
这也嫌麻烦，有点儿太懒了哦 |
 |
2
randyo 2020-01-15 22:22:58 +08:00 via Android
你要做优化还是得一个个引入，不然做不了 tree shaking
|
 |
3
FakeLeung 2020-01-15 23:50:00 +08:00
然而现在 element 做部分系统还是单独引入。。。
|
 |
4
gouflv 2020-01-16 00:07:33 +08:00 via iPhone
引入组件这事儿都要自己写，惊了，2020 年了好吗
|
 |
5
ragnaroks 2020-01-16 00:11:57 +08:00
只有我的关注点在一个页面有一百个组件?
|
 |
6
mxT52CRuqR6o5 2020-01-16 00:32:36 +08:00 via Android
用 webstorm 的 auto import
|
 |
7
kwrush 2020-01-16 06:43:51 +08:00
如果设置了 alias vscode 自动引入并不好用。但是一个页面要引入 100 个组件，应该考虑下合并页面组件吧
|
 |
8
zhw2590582 2020-01-16 08:36:50 +08:00
vue 那是在实例化前就整体引入，无法 tree shaking 打包会很大
|
 |
9
Cbdy 2020-01-16 08:37:11 +08:00 via Android
如有每个组件都要自己引入，那写 Java 的要哭晕在厕所
|
 |
10
TimPeake 2020-01-16 09:09:05 +08:00
都散了吧。按照楼主的描述，估计是配置的按需加载，没有全量加载。
我猜，楼主想问的并不是如何 import 的问题，而是想知道如何做到类似 Vue 的 Vue.use(Element)的效果 |
 |
11
uxstone 2020-01-16 09:45:13 +08:00
多看看官方文档
|
 |
12
GerritV 2020-01-16 09:56:13 +08:00
你可以全局注入，当然我也想知道最佳实践
|
 |
13
Torpedo 2020-01-16 10:13:42 +08:00
那你把组件都挂在 window 上 。也不是不可以。
都 0202 年了，用模块化居然嫌麻烦。。。 |
 |
14
leexiaoran 2020-01-16 10:21:06 +08:00
一个页面一百个组件，可以考虑一下把这个页面拆一下
|
 |
15
onfuns 2020-01-16 10:24:36 +08:00
你这种考虑完全是多余，一个页面超过 10 个组件就不合理了，要合理拆分，不然还做什么优化。
|
 |
16
royzxq 2020-01-16 10:39:32 +08:00
打完 <Button 然后回车就自动引了，vsc 或者 webstorm 都是啊
|
 |
17
VWMMWV 2020-01-16 10:57:08 +08:00
页面都超过十几个组件了，不考虑拆分，在这考虑组件多？
|
 |
18
GuangXiN 2020-01-16 11:11:12 +08:00 via Android
antd 一共有没有 100 个组件哦
|
 |
19
gdrk 2020-01-16 11:20:37 +08:00
一个页面需要这么多组件？不考虑拆分一下？
|
 |
20
Sapp 2020-01-16 13:59:53 +08:00
引入组件的时候显式声明才是正道，vue 的设计是跑偏了，而且你就不能装个插件么？ 输入名字自动引入，vscode 和 webstorm 不都有么？ 最后你为什么会一个页面 100 多个组件？？？
|
 |
21
nnnToTnnn 2020-02-11 10:55:07 +08:00  1
import * as antd from 'antd'
export function testButton(_props){ return <antd.Button>这和 AntD 以及 React 有毛线的关系啊。这是基础的命名空间好么！！！</antd.Button> } |
Select Language