【问题标题】:How to import static url using webpack如何使用 webpack 导入静态 url
【发布时间】:2015-07-15 08:03:15
【问题描述】:

如何使用 webpack 导入静态 url:

index.js

import 'http://google.com/myscript.js'

【问题讨论】:

  • 先下载。 Webpack 不支持在编译期间下载 URL。

标签: javascript ecmascript-6 webpack


【解决方案1】:

目前还不清楚你要做什么,但总的来说你有几个选择。

  1. 预下载脚本或通过 NPM 安装。这可能是处理外部依赖关系的首选方式。一旦它是本地的,您就可以像任何其他模块一样轻松地 importrequire 它。

  2. 如果绝对必须动态加载,您将需要一个 3rd 方模块,例如 https://www.npmjs.com/package/scriptjs,它可以在运行时轻松下载 3rd 方模块并阻止其余模块的执行脚本,直到它被解析。

  3. 使用<script> 标记并将其包含在您的页面中。这仅适用于可以在其他所有内容之前加载的一般依赖项(可能适用于 polyfill 或您在任何地方都依赖的库,如 jquery。)

希望对你有帮助!

【讨论】:

  • 我使用了第三种方法,我的用例是signalr/hubs url。
【解决方案2】:

import 是 es6。对于 es5 和 webpack,使用require,或者更好地使用 AMD/UMD 包装您的 JS 文件。

【讨论】:

    猜你喜欢
    • 2019-09-21
    • 2020-04-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-17
    • 2020-04-18
    • 2016-11-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多