Javascript 在网页包中导入非模块供应商脚本
我正在用JS服务构建一个应用程序。AirConsole仅以Javascript 在网页包中导入非模块供应商脚本,javascript,webpack,airconsole,Javascript,Webpack,Airconsole,我正在用JS服务构建一个应用程序。AirConsole仅以.js文件的形式提供其库,您可以在页面中包含以下文件: <script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"></script> 但是,我正在使用Webpack,希望将脚本导入到我的其他JS文件中。我尝试过几种方法,但没有成功: 创建名为vendor的条目文件,该文件导入airconsol
.js
文件的形式提供其库,您可以在页面中包含以下文件:
<script type="text/javascript" src="https://www.airconsole.com/api/airconsole-1.6.0.js"></script>
但是,我正在使用Webpack,希望将脚本导入到我的其他JS文件中。我尝试过几种方法,但没有成功:
创建名为vendor
的条目文件,该文件导入airconsole.js
文件。这将创建一个vendor.bundle.js
文件,我可以将其包含在我的页面中
将AirConsole路径添加到我的索引
入口点,以便脚本包含在bundle.js
文件中。使用此方法,我可以验证AirConsole代码是否包含在bundle.js
文件中,但尝试创建AirConsole
的新实例会导致AirConsole
未定义
我使用这些方法是否正确?如果不是,建议以什么方式导入非模块.js
文件 最好的方法是我们称之为“摆振”的动作。您可以查看我们的新文档页面以获取信息。对于您的非模块,有几种不同的方法(取决于需要)
如果我正在使用,我似乎需要脚本加载程序。当我尝试使用const airconsole=new airconsole()
创建一个新实例时,它会抛出一个undefined
错误。另外,脚本加载器是否在webpack.config
中工作,或者它仅用于require
语句。您可以在配置中使用的每个加载器(推荐使用)您可以使用“include”属性为config中的加载程序定位文件的特定abs路径。