webpack - 如何在 Webpack 中使用 webrtc-adapter (adapter.js) shim？

Question

我有一个使用 Webpack 捆绑的 commonjs 浏览器应用程序( typescript )。它使用 webrtc，所以我想使用 webrtc-adapter package from npm .它是 adapter.js 的包这使得在 firefox 和 chrome 之间使用 webrtc 更容易。

在我的模块中，我希望能够访问修改后的导航器项目。例如，我可以简单地调用:

navigator.mediaDevices.getUserMedia

如果我需要这个包，我可以让它工作，然后在我的模块中的某处使用变量，如下所示:

var webrtc = require("webrtc-adapter");
// somewhere in module
console.log(webrtc.browserDetails);

但是，我不需要通过 webrtc-adapter 访问 browserDetails 或任何公开的项目，我只想使用 navigator 对象上的填充调用。我尝试过使用 webpack.ProvidePlugin 和 externals，但它们仍然要求我在某处使用该对象。

有没有一种方法可以将已填充的导航器加载到每个模块中，而无需在模块中的某处使用该变量？我知道我可以在配置中使用 external ，然后通过单独的脚本标签加载它，但我更愿意让 webpack 将它们捆绑在一起。

Answer 1

你试过像这样要求它吗？
require('webrtc-adapter');