为何在打包工具中导入 Cesium 的 css 失败了？

最新推荐文章于 2023-01-31 00:05:29 发布

岭南灯火

最新推荐文章于 2023-01-31 00:05:29 发布

阅读量492

点赞数

分类专栏：开源GIS杂谈文章标签： css javascript cesium

本文链接：https://blog.csdn.net/cRGBc/article/details/123189334

版权

在使用Vite或Webpack构建Cesium项目时，遇到CSS导入失败的问题。原因是cesium包的exports未导出样式文件。通过分析NodeJS模块化机制，特别是exports字段的使用，增加导出配置并使用模块别名简化导入路径，成功解决了问题。

摘要由CSDN通过智能技术生成

文章目录

1 问题起因
2 寻找解决方案
3 类型提示是哪来的

1 问题起因

我使用 vite2 + vanillajs 模板创建 CesiumJS 项目，其中，main.js 是这样的：

import {
    Viewer } from 'cesium'
import './style.css'
import 'cesium/Source/Widgets/widgets.css'

let viewer
const main = () => {
   
  const dom = document.getElementById('app')
  viewer = new Viewer(dom)
}

document.addEventListener('DOMContentLoaded', () =>