在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

最好的方法是通过我们称之为"shimming"的动作.您可以查看我们的新文档页面以获取信息.对于非模块,有几种不同的方法(取决于需要).

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