javascript - 在 webpack 中导入非模块 vendor 脚本

Question

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

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

但是，我正在使用 Webpack 并希望将脚本导入 到我的其他 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/