前端/webpack：请教如何获知 CDN 一个库后它的 window 全局名称呢?
Newyorkcity · 2019-08-26 23:03:31 +08:00 · 1415 次点击这是一个创建于 1916 天前的主题，其中的信息可能已经有所发展或是发生改变。
起因是因为我觉得 webpack 的压缩实在是配置得太恼火还意义不大，干脆就用 CDN 引库算了，我的服务器可能是太烂了，一个 1MB 多点的文件传起来也要八九秒，这我还折腾啥。
然后看了这篇文章
https://segmentfault.com/a/1190000015709430
以及官方文档<外部扩展(externals)>
https://webpack.docschina.org/configuration/externals/
我大概理解了这种玩法，但我现在有一个困惑，对于一个不熟悉的组件，我该怎么知道它的 window 全局名称呢？
就比如说 elementUI 也是久负盛名了，我该怎么知道它的 window 全局名称呢？我一开始猜想一个成熟的组件库肯定都有介绍怎么使用 import 方法导入嘛，这个 import 语句中 import name from '...' 的 name 是不是就会是这个全局名称？但是我自己试验了一些发现不对，我也不敢断言我没配错，所以论坛的诸位可以试试。。
如果这个方法确实不行的话，我该如何获知呢？
然后看了这篇文章
https://segmentfault.com/a/1190000015709430
以及官方文档<外部扩展(externals)>
https://webpack.docschina.org/configuration/externals/
我大概理解了这种玩法，但我现在有一个困惑，对于一个不熟悉的组件，我该怎么知道它的 window 全局名称呢？
就比如说 elementUI 也是久负盛名了，我该怎么知道它的 window 全局名称呢？我一开始猜想一个成熟的组件库肯定都有介绍怎么使用 import 方法导入嘛，这个 import 语句中 import name from '...' 的 name 是不是就会是这个全局名称？但是我自己试验了一些发现不对，我也不敢断言我没配错，所以论坛的诸位可以试试。。
如果这个方法确实不行的话，我该如何获知呢？
 |
1
wu67 2019-08-26 23:59:46 +08:00
一般搞开源的都会有 github / npm, 几乎都有 readme.md / desc, 有这货都会有 install/use/guide, 所以看看文档就好了.
例如 element, https://element.eleme.cn/#/zh-CN/component/quickstart#yin-ru-element, 示例第二行就是了 |
 |
2
Newyorkcity OP @wu67 额，所以 element 是 ElementUI 吗，可我自己试了结果不对。
|
 |
3
selinayu 2019-08-27 09:57:33 +08:00  1
'element-ui':'ELEMENT'
|
|
4
Newyorkcity OP @selinayu 这次成功了,不过请问你是怎么知道的啊?
|
 |
5
waiaan 2019-08-27 10:04:55 +08:00
|
|
6
Newyorkcity OP @waiaan 我也觉得这是个办法..但是真的整个 window 属性里的东西真的多...这个遍历..可能要专门写段代码去对付?
|
 |
7
lblblong 2019-08-27 10:34:42 +08:00
看文档和靠猜
|
|
8
waiaan 2019-08-27 11:09:00 +08:00
@Newyorkcity 当然要写代码，排除掉 window 自身的属性，剩下没多少。
|
Select Language