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

时间:2017-02-03 22:56:44

标签: javascript webpack airconsole

我正在使用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结果的新实例未定义
  3. 我使用这些方法走在正确的轨道上吗?如果没有,导入非模块.js文件的推荐方法是什么?

1 个答案:

答案 0 :(得分:6)

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

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