Javascript 是否可以用Web包加载twilio.js库?

Javascript 是否可以用Web包加载twilio.js库?,javascript,twilio,webpack,Javascript,Twilio,Webpack,我需要的是一种将所有javascript依赖项捆绑到一个javascript文件中的方法(就像使用),但我不能使用twilio.js 我可以看到这里列出了twilio.js的最新版本: 作为脚本标记,用于: 但这只是构建真正的twilio.js库的加载程序脚本: 这些都不支持Webpack 也存在,但这仅适用于node.js,而不仅仅是普通的客户端javascript 所以我的问题是,有没有办法要求twilio.js库带有Webpack?我知道现在已经晚了,但我也在努力解决这个问题。由于不熟

我需要的是一种将所有javascript依赖项捆绑到一个javascript文件中的方法(就像使用),但我不能使用twilio.js

我可以看到这里列出了twilio.js的最新版本: 作为脚本标记,用于:

但这只是构建真正的twilio.js库的加载程序脚本:

这些都不支持Webpack

也存在,但这仅适用于node.js,而不仅仅是普通的客户端javascript


所以我的问题是,有没有办法要求twilio.js库带有Webpack?

我知道现在已经晚了,但我也在努力解决这个问题。由于不熟悉Node、TypeScript和Webpack,我无法理解
Webpack
应该用于客户端脚本,而
Twilio节点
库是一个服务器端库(如松散讨论的)。换句话说,您不应该在任何客户端脚本中使用
require('twilio')
,只应在
节点中使用
脚本

我在以下方面取得了成功:

  • 添加到我的主
    .html
    页面
  • 使用
    var twilio=require('twilio')在客户端JavaScript中的节点(服务器)脚本内部…不是(例如,在API方法内部添加Twilio调用,可使用以下框架创建)
  • 如果碰巧使用TypeScript编写节点脚本,请使用诸如本机TypeScript transpiler之类的transpiler(从命令行很容易做到)。如果使用JavaScript,请使用(我最喜欢的)或帮助您整合甚至运行节点服务器端脚本
  • 使用网页包做其他事情

  • 同样,我对这一点还不熟悉,所以如果我陈述错误,我愿意接受输入或更正。

    这个答案适用于Twilio.js客户端版本1.3.16(,)

    Twilio的代码库非常糟糕。他们不会将代码发布到npm,只需从CDN加载twilio.js文件就会产生副作用,包括从
    窗口
    读取和循环页面上的所有脚本标记。这意味着,即使使用下面的答案,客户端代码也无法加载到节点中,从而阻止服务器端呈现和测试等

    我发布了代码的最新版本,但使用起来并不简单。Webpack无法正确处理他们设置的任何虚假结构。首先,安装:

    npm install --save twilio-client-mirror
    
    然后要使用,请按正常要求:

    import * as loadTwilio from 'twilio-client-mirror';
    
    但是,实际上不能使用LoadTwiio对象。您必须引用脚本注入的全局Twilio对象:

    const Twilio = window.Twilio;
    Twilio.Device.setup(token);
    ...
    

    这是我第一次尝试在一个现代的代码库中包含这个脆弱的代码。希望在即将到来的1.4测试版中,他们能够解决这些问题。

    我是否错过了一步?我正试图在React本机应用程序中使用它,但我缺少twilio/util和一堆其他twilio/*文件。未在React本机中测试。只有一个内置javascript文件,而不是多个。但是,如果您查看twilio client mirror/twilio.js的源代码,就会发现它有“./twilio/util”和其他类似文件的require语句。是的,这些require语句指向同一脚本文件中定义的模块。可能React Native environment(Node?)正在运行那些requires,而没有使用文件中的require存根。我只是将Twilio源脚本复制到NPM包中,没有修改它。同样,它不是很好的代码,这可能与这里有关。我以后还需要做一些调试。谢谢你的指点。