react 地图发布 cesium 篇
2024-08-23 04:35:16
上篇文章介绍了如何搭建 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 的一些警告信息
修改 config/webpack.config.js
module.exports = function(webpackEnv) {
return {
module: {
unknownContextCritical: false
}
};
};
四、关闭 sourceMap
修改 package.json
"scripts": {
"build": "cross-env GENERATE_SOURCEMAP=false node scripts/build.js"
}
以上是发布环境的全部增量配置,如何您是新建项目,请先配置开发环境,再按照上面的步骤配置发布环境。
最新文章
- 神奇的css!竟然可以这样玩转表格
- 《Entity Framework 6 Recipes》中文翻译系列 (37) ------ 第六章 继承与建模高级应用之独立关联与外键关联
- 什么是java 序列化,如何实现java 序列化?
- 带你玩转JavaWeb开发之一 - HTML快速入门
- cocos2dx 3.x(动态改变精灵的背景图片)
- Ruby操作Excel的方法与技巧大全
- Cts框架解析(7)-任务运行的调度室
- ACdream	1728 SJY's First Task
- WCF学习——构建第二个WCF应用程序(四)
- 周强 201771010141 《面向对象程序设计(java)》第九周实验总结
- 45_redux_comment应用_redux版本_异步功能
- mysql-5.7.10-winx64 绿色版安装办法
- WordPaster2产品介绍
- Unity 图文重现官方教程视频 2droguelike 第一集
- UNIX历史
- Codeforces 670D1. Magic Powder - 1 暴力
- markdown语法---根据使用不断扩充中
- 数据库实例: STOREBOOK >; 用户 >; 编辑 用户: PUBLIC
- C++中冒号和双冒号的用法
- Selenium的PageFactory &; PageObject 在大型项目中的应用