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

标签 javascript webpack airconsole

我正在使用 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 文件的推荐方法是什么?

最佳答案

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

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

关于javascript - 在 webpack 中导入非模块 vendor 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42034327/

相关文章:

webpack - Karma 无法解决 kot​​lin-frontend-plugin 中的依赖项 'kotlin'

html - Controller 背景图像不工作

javascript - DHTMLX 网格提取附加数据

javascript - 如何让网站导航菜单在设定的秒数后出现?

javascript - 如何仅在鼠标滚轮滚动时触发

javascript - 使用 React 和 SCSS 实现无样式内容的 Flash

css - 具有相同类名的不同 css 模块会相互覆盖

ios - 在iOS App中, Controller 未点击屏幕右侧

javascript - var a = function() vs function a() 用于事件监听器?