react 地图发布 cesium 篇
上篇文章介绍了如何搭建 react cesium 开发环境。在开发环境下，项目一切运行正常。最近把项目打包发布出来，却遇见了 cesium 不能正确初始化。打开浏览器的调试面板，出现好多 404，资源路径错误。下面是项目的资源处理过程整理，其中 cesium 需要独立处理，大家以后要注意。 一、react 静态资源处理 修改 config/paths.js function getServedPath(appPackageJson) { ... const servedUrl = envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : "./" ); ... } 二、cesium 资源处理 这个是重点，如果不处理，项目构建后会无法正常运行，cesium 资源会报 404 错误。主要思路是，在加载 cesium 之前设置 cesium 资源的 baseUrl，调用 cesium 自带的 buildModuleUrl 函数来设置 baseUrl。 修改 /src/index.js，增加如下代码 ... import buildModuleUrl from "cesium/Core/buildModuleUrl" ; buildModuleUrl.setBaseUrl( "./" ); ... 三、关闭 cesium