Run Cesium 1.78 with Umi 3.5
参照这种方式,是可以运行的
可以正常启用 mfsu,但是,如果出现异常问题,最好是删除 src/.umi/.cache 文件夹,也就是清除 webpack 和 mfsu 的缓存,重新执行「pnpm run dev」,
# file .umirc.ts
import { defineConfig } from 'umi';
import path from 'path';
const cesiumSource = 'node_modules/cesium/Source';
const cesiumWorkers = '../Build/Cesium/Workers';
export default defineConfig({
nodeModulesTransform: {
type: 'none',
},
fastRefresh: {},
webpack5: {},
mfsu: {},
antd: {},
copy: [
{ from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' },
{ from: path.join(cesiumSource, 'Assets'), to: 'Assets' },
{ from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' },
],
define: {
CESIUM_BASE_URL: '/',
},
});
### 样式文件
样式文件并非使用传统的引用方式,而是使用了相对路径,总感觉不太对
```less
# file global.less
@import '~antd/es/style/themes/default.less';
@import '~antd/es/style/themes/dark';
@import '../node_modules/cesium/Source/Widgets/widgets.css';
.root {
height: 100%;
}
会在 dist 文件夹创建出三个文件夹,并把响应内容复制进去,总体来说,效果达成了