javascript - 是否可以使用 webpack 加载 twilio.js 库？

Question

我需要的是一种使用Webpack 将我所有的javascript 依赖项捆绑到一个javascript 文件中的方法。 (就像 socket.io-client 一样)，但我不能用 twilio.js 做到这一点。

我可以看到这里列出了最新的 twilio.js。: https://www.twilio.com/docs/client/twilio-js作为脚本标记:

//static.twilio.com/libs/twiliojs/1.2/twilio.min.js

但这只是一个用于在此处构建真正的 twilio.js 库的加载器脚本:

https://static.twilio.com/libs/twiliojs/refs/82278dd/twilio.min.js

而且这些都不支持 Webpack。

https://github.com/twilio/twilio-node也存在，但这仅适用于 node.js - 而不仅仅是普通的客户端 javascript。

所以我的问题是，有没有办法在 Webpack 中要求 twilio.js 库？

Answer 1

此答案适用于 Twilio.js 客户端版本 1.3.16(script file、documentation)。

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

我发布了 package to npm as a mirror的代码，但使用起来并不简单。 Webpack 无法正确处理他们设置的任何虚假 require 结构。首先，安装:

npm install --save twilio-client-mirror

然后正常使用，要求:

import * as loadTwilio from 'twilio-client-mirror';

但是，您不能实际使用 loadTwilio 对象。您必须引用由脚本注入(inject)的全局 Twilio 对象:

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

这是我第一次尝试将这种不稳定的代码包含在现代代码库中。希望在即将到来的 1.4 测试版中，他们将解决这些问题。