如何在浏览器中使用npm-installed cesium

时间:2016-02-04 08:03:17

标签: javascript npm cesium

Cesium现在是npm。在npm install cesium进入我的项目后,所有代码都会进入node_modules

在铯hello world中,cesium包含<script src="your/path/to/Cesium.js"></script>

我的问题是,为了从html使用cesium,我需要做些什么其他步骤?

1 个答案:

答案 0 :(得分:3)

有两种方法。如果正在提供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的副本,然后仅在node_modules\cesium\Source中的Cesium源代码树中仅需要您所需的Cesium的特定模块。这导致您的项目包含的JavaScript少于拉入整个组合文件,并且由于单独的文件,因此可以更轻松地进行调试。但它会导致更多的网络请求,因此如果没有某种构建系统来组合和缩小您使用的文件,您将无法直接在生产环境中使用它。

blog post introducing npm cesium还有一些其他细节。 (由Matt Amato撰写,他也在下面提供了一些评论)