【问题标题】:Load external libraries in webpack在 webpack 中加载外部库
【发布时间】:2017-11-25 18:53:57
【问题描述】:

javascript 项目使用 webpack 2 来捆绑脚本。有什么方法可以在浏览器运行时加载外部脚本。仅在结帐页面出现时才需要在运行时加载条带结帐。有什么方法可以在呈现结帐页面时加载条带结帐 js。

【问题讨论】:

  • 为什么不能在一个页面上只使用两个脚本标签?
  • @jhpratt 影响页面速度。对于应用程序的登陆页面,无需加载条带 js。您是否认为加载用户从未在页面上加载的库是个好主意。我认为无论何时使用它都可以加载。
  • 这就是为什么我说您应该将大部分脚本放在一个组合文件中,然后将条带库放在另一个文件中。以额外的 HTTP 请求为代价加载您需要的任何内容。
  • 好的,谢谢@jhpratt,如果有任何可能,请回答。
  • 这能回答你的问题吗?

标签: javascript webpack bundler


【解决方案1】:

您可以使用 webpack 来合并所有文件除了 Stripe 脚本。然后可以(大概)在每个页面上加载该文件而无需开销,在一个页面上为 Stripe 文件添加第二个 script 标记。

这让您只需在单个请求中加载每个其他页面所需的内容,同时仍然以第二个请求为代价拥有 Stripe 脚本。

【讨论】:

    猜你喜欢
    • 2015-10-16
    • 2018-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-01
    • 2020-12-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多