Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在网页包中导入非模块供应商脚本_Javascript_Webpack_Airconsole - Fatal编程技术网

Javascript 在网页包中导入非模块供应商脚本

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服务构建一个应用程序。AirConsole仅以
.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路径。