关于在构建工具vite(webpack)中引入 cesium

27 阅读1分钟

关于在构建工具中引入 vite(或webpack)

网上有很多关于Cesium与这些前端构建工具如何结合的文章,之前只是直接使用,不了解原理,这次自己去尝试了一下,发现其实很简单,核心就是解决以下两个问题:

  • CESIUM_BASE_URL:cesium构建后的文件有一些静态资源文件(jpg、json)等,而cesium内部加载这些静态资源文件时,会根据windows下的CESIUM_BASE_URL来拼接,比如我们cesium是在node_modules下的,这个CESIUM_BASE_URL就填写node_modules/cesium/build/cesium,

  • cesium打包: 由于以下原因,我们通常直接拷贝cesium源文件到public目录下(或用cdn引入),而不直接进行打包。

    • 由于cesium源码中引入静态文件是通过相对路径的,而打包工具在打包时,无法分析出静态文件的依赖关系,打包后的产物可能不包括某些静态文件
    • cesium构件好的源文件比较大,如果发布时再用vite、webapck等构件工具再打包一遍,也比较耗时,