在 webpack 中导入非模块供应商脚本

Question

我正在使用AirConsole JS服务构建一个应用程序。AirConsole 仅将其库作为.js文件提供，您将通常包含在页面中：

<script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"></script>

但是，我正在使用 Webpack，并希望将脚本import到我的其他 JS 文件中。我尝试了几种方法，但没有运气：

1. 创建一个名为 vendor 的入口文件，用于导入airconsole.js文件。这将创建一个vendor.bundle.js文件，我可以将其包含在我的页面上
2. 将 AirConsole 路径添加到我的index入口点，以便脚本包含在bundle.js文件中。使用此方法，我可以验证 AirConsole 代码是否包含在bundle.js文件中，但尝试创建AirConsole的新实例会导致未定义AirConsole

我使用这些方法是否正确？如果没有，导入非模块.js文件的推荐方法是什么？

Answer 1

最好的方法是通过我们称之为"填充"的操作。您可以查看我们的新文档页面以获取信息。对于您的非模块，有几种不同的方法可以对其进行操作(具体取决于需求(。

https://webpack.js.org/guides/shimming/