【问题标题】:Why is adding Openlayers v5 to Angular (6) making the SPA download much larger?为什么将 Openlayers v5 添加到 Angular (6) 会使 SPA 下载更大?
【发布时间】:2019-03-14 01:19:02
【问题描述】:

Openlayers 是一个非常好的用于处理地图的包。

我的 Spring Boot、Angular 和 Leaflet SPA 有一个 4.2Mb 的 vendor.js 文件。用 Openlayers 5 替换 Leaflet 会得到 6.8Mb 的 vendor.js。 注意不同:将 Openlayers 添加到裸 Angular SPA 会使 SPA 增加约 3Mb。

当我在https://openlayers.org 看到很多示例时,只包含两个文件:ol.css 和 ol.js。下载 Openlayers v5 zip 时,我可以看到文件只有 4kb 和 640Kb。

为什么单页应用程序 (SPA) 的下载大小增加了大约 2.6Mb?其他 *.js 文件也有所增加。应用程序没有改变。

我使用“npm install ol --save”将 Openlayers v5 添加到 Angular SPA。

当然,我可以使用 ng build --prod 来优化构建(大小)。

【问题讨论】:

  • 您可能会看到缩小后的 ol.js 和未缩小的源文件大小之间的差异。比较 4.6.5 版的 ol.js 和 ol-debug.js(最后一次在一个版本中包含未缩小的完整版本)大小分别为 530KB 和 2613KB
  • 感谢您的回答。今晚我将尝试使用 --prod 参数构建它。

标签: angular openlayers-5 angular-openlayers


【解决方案1】:

@Mike - 谢谢你指路!

使用 --prod 构建生产时,任何疑虑都消失了。总大小约为1.5M!没关系!

【讨论】:

    猜你喜欢
    • 2022-01-01
    • 2018-05-30
    • 1970-01-01
    • 2018-11-19
    • 1970-01-01
    • 2021-07-04
    • 1970-01-01
    • 2019-07-13
    • 2018-06-18
    相关资源
    最近更新 更多