前端/webpack：请教如何获知 CDN 一个库后它的 window 全局名称呢?

[Newyorkcity]

起因是因为我觉得 webpack 的压缩实在是配置得太恼火还意义不大，干脆就用 CDN 引库算了，我的服务器可能是太烂了，一个 1MB 多点的文件传起来也要八九秒，这我还折腾啥。

然后看了这篇文章

https://segmentfault.com/a/1190000015709430

以及官方文档<外部扩展(externals)>

https://webpack.docschina.org/configuration/externals/

我大概理解了这种玩法，但我现在有一个困惑，对于一个不熟悉的组件，我该怎么知道它的 window 全局名称呢？

就比如说 elementUI 也是久负盛名了，我该怎么知道它的 window 全局名称呢？我一开始猜想一个成熟的组件库肯定都有介绍怎么使用 import 方法导入嘛，这个 import 语句中 import name from '...' 的 name 是不是就会是这个全局名称？但是我自己试验了一些发现不对，我也不敢断言我没配错，所以论坛的诸位可以试试。。

如果这个方法确实不行的话，我该如何获知呢？

[wu67]

一般搞开源的都会有 github / npm, 几乎都有 readme.md / desc, 有这货都会有 install/use/guide, 所以看看文档就好了.
例如 element, https://element.eleme.cn/#/zh-CN/component/quickstart#yin-ru-element, 示例第二行就是了

[Newyorkcity]

@wu67 额，所以 element 是 ElementUI 吗，可我自己试了结果不对。

[selinayu]

'element-ui':'ELEMENT'

[Newyorkcity]

@selinayu 这次成功了,不过请问你是怎么知道的啊?

[waiaan]

@Newyorkcity
你用 script 标签引用 elementui，然后遍历 window 属性，去掉其本身的，剩下的就是挂载的。
应该是这样。

[Newyorkcity]

@waiaan 我也觉得这是个办法..但是真的整个 window 属性里的东西真的多...这个遍历..可能要专门写段代码去对付?

[lblblong]

看文档和靠猜

[waiaan]

@Newyorkcity 当然要写代码，排除掉 window 自身的属性，剩下没多少。