Newyorkcity
V2EX  ›  问与答

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

  •  1
     
  •   Newyorkcity · Aug 26, 2019 · 2374 views
    This topic created in 2627 days ago, the information mentioned may be changed or developed.
    起因是因为我觉得 webpack 的压缩实在是配置得太恼火还意义不大,干脆就用 CDN 引库算了,我的服务器可能是太烂了,一个 1MB 多点的文件传起来也要八九秒,这我还折腾啥。

    然后看了这篇文章

    https://segmentfault.com/a/1190000015709430

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

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

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

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

    如果这个方法确实不行的话,我该如何获知呢?
    8 replies  •  2019-08-27 11:09:00 +08:00
    wu67
    wu67
    Aug 26, 2019
    1
    一般搞开源的都会有 github / npm, 几乎都有 readme.md / desc, 有这货都会有 install/use/guide, 所以看看文档就好了.
    例如 element, https://element.eleme.cn/#/zh-CN/component/quickstart#yin-ru-element, 示例第二行就是了
    Newyorkcity
    Newyorkcity
    OP
    Aug 27, 2019 via Android
    2
    @wu67 额,所以 element 是 ElementUI 吗,可我自己试了结果不对。
    selinayu
    selinayu
    Aug 27, 2019❤️1
    3
    'element-ui':'ELEMENT'
    Newyorkcity
    Newyorkcity
    OP
    Aug 27, 2019
    4
    @selinayu 这次成功了,不过请问你是怎么知道的啊?
    waiaan
    waiaan
    Aug 27, 2019
    5
    @Newyorkcity
    你用 script 标签引用 elementui,然后遍历 window 属性,去掉其本身的,剩下的就是挂载的。
    应该是这样。
    Newyorkcity
    Newyorkcity
    OP
    Aug 27, 2019
    6
    @waiaan 我也觉得这是个办法..但是真的整个 window 属性里的东西真的多...这个遍历..可能要专门写段代码去对付?
    lblblong
    lblblong
    Aug 27, 2019
    7
    看文档和靠猜
    waiaan
    waiaan
    Aug 27, 2019
    8
    @Newyorkcity 当然要写代码,排除掉 window 自身的属性,剩下没多少。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1507 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 19:10 · PVG 03:10 · LAX 11:10 · JFK 14:10
    ♥ Do have faith in what you're doing.