2017-02-03 62 views
2

我正在用AirConsole JS服务构建应用程序。 AirConsole只提供他们的图书馆为.js文件中,可以在您的网页与通常的:在webpack中导入非模块供应商脚本

<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文件?

回答

5

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

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

+0

好像我需要的'脚本loader'如果我使用[文件](https://www.airconsole.com/api/airconsole-1.6.0.js)。当我尝试使用'const airconsole = new AirConsole()'创建一个新实例时,它会抛出一个未定义的错误。 –

+0

另外,'script-loader'是否在'webpack.config'中工作,还是仅用于'require'语句。 –

+0

您可以在您的配置中使用每个加载器(推荐),您可以使用'include'属性来针对config中加载器的文件的特定abs路径。 –