如何在浏览器中使用npm安装的cesium

Question

铯现在在npm.之后npm install cesium-ing到我的项目,所有的代码进入node_modules.

在铯hello世界中,它包括cesium类似的东西<script src="your/path/to/Cesium.js"></script>

我的问题是,为了从html中使用cesium,还需要做些什么？

Answer 1

有几种方法。如果node_modules文件夹本身正在提供服务，您可以从那里提取 Cesium。调试时，使用未缩小的版本：

<script src="node_modules/cesium/Build/CesiumUnminified/Cesium.js"></script>
<style>
    @import url(node_modules/cesium/Build/CesiumUnminified/Widgets/widgets.css);
</style>

但对于生产，请使用缩小版本：

<script src="node_modules/cesium/Build/Cesium/Cesium.js"></script>
<style>
    @import url(node_modules/cesium/Build/Cesium/Widgets/widgets.css);
</style>

还有另一种选择。您可以使用npm下拉 的副本require.js，然后从 中的 Cesium 源代码树中仅需要您需要的 Cesium 特定模块node_modules\cesium\Source。与提取整个组合文件相比，这会导致您的项目包含更少的 JavaScript，并且由于存在单独的文件，因此可以更轻松地进行调试。但它会导致更多的网络请求，因此如果没有某种构建系统来组合和缩小您使用的文件，您不会希望直接在生产环境中这样做。

介绍 npm cesium 的博客文章中有一些额外的细节。（作者：Matt Amato，他也在下面提供了一些评论）