我需要一种将我所有的 javascript 依赖项捆绑到一个带有 Webpack 的 javascript 文件中的方法（就像使用 socket.io-client 一样），但我不能用 twilio.js 做到这一点。
我可以看到这里列出了最新的 twilio.js。： https://www.twilio.com/docs/client/twilio-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 库？
【问题讨论】：
标签： javascript twilio webpack
此答案适用于 Twilio.js 客户端版本 1.3.16（script file、documentation）。
Twilio 代码库非常糟糕。他们不会将他们的代码发布到 npm，并且简单地从他们的 CDN 加载 twilio.js 文件会产生副作用，包括从 window 读取和循环浏览页面上的所有脚本标签。这意味着，即使有下面的答案，客户端代码也无法加载到节点中，阻塞服务器端渲染和测试等。
我发布了代码的package to npm as a mirror，但使用起来并不简单。 Webpack 无法正确处理他们设置的任何虚假需求结构。首先，安装：
npm install --save twilio-client-mirror
然后使用，照常要求：
import * as loadTwilio from 'twilio-client-mirror';
但是，您实际上不能使用 loadTwilio 对象。您必须引用由脚本注入的全局 Twilio 对象：
const Twilio = window.Twilio;
Twilio.Device.setup(token);
...
这是我第一次尝试将这个易碎的代码包含在现代代码库中。希望在即将到来的 1.4 测试版中，他们能够解决这些问题。
【讨论】：
我知道这已经晚了，但我也只是在努力解决这个问题。作为 Node、TypeScript 和 Webpack 的新手，我无法理解 Webpack 应该用于客户端脚本，而 Twilio-node 库是一个服务器端库（如松散讨论的 here）。换句话说，您不应该在任何客户端脚本中使用require('twilio')...只能在Node 脚本中使用。
我在以下方面取得了成功：
<script type="text/javascript" src="//static.twilio.com/libs/twiliojs/1.2/twilio.min.js"></script> 添加到我的主.html 页面var twilio = require('twilio');...不是在客户端 JavaScript 中（例如，在 API 方法中添加 Twilio 调用，可以使用Express等框架创建）再说一次，我是新来的，所以如果我陈述有误，我愿意提供意见或更正。
【讨论】：