Ant Design Pro V5 使用 Cesium 地圖開發包遇到加載widgets.css樣式報錯

1. 前話

---

為適應最新的前端React框架,之前一直使用的是UMI框架，這一次由於項目的內容較多，所以干脆直接上了AntdProV5版本，嘗嘗鮮~

2. 問題

---

經常使用cesium開發的同學應該對cesium的配置比較熟悉，這里就不贅敘了，直接進入主題：

import 'cesium/Source/Widgets/widgets.css';

上述代碼為cesium開發環境配置好后，需要引入cesium樣式文件，即widgets.css文件，問題來了：

3. 解決方案

---

根據問題能夠找到這個問題是因為Cesium開發包在輸出文件時沒有css文件的輸出路徑。

"exports": {
    "./package.json": "./package.json",
+   "./widgets.css": "./Source/Widgets/widgets.css",
    ".": {
      "require": "./index.cjs",
      "import": "./Source/Cesium.js"
    }
  },

因此解決方法可以在exports輸出中，添加widgets文件的路徑輸出。

4. 解決后加載

---

import 'cesium/widgets.css';

換上這種樣式加載方式后就可以了

5. 待解決的問題

---

補充：同時必須關閉config.ts中的mfsu配置
由於此解決方法需要直接修改node_modules中依賴源文件，因此有更優解的同學能夠給我留言一下，謝謝大家了！！