开发者问题收集

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

2016-02-04
2742
javascript npm cesiumjs

Cesium 现在已在 npm 上。在将 npm install cesium 添加到我的项目中后，所有代码都进入 node_modules 。

在 cesium hello world 中，它通过类似 <script src="your/path/to/Cesium.js"></script> 的方式包含 cesium 。>

我的问题是，为了从 html 使用 cesium，我还需要执行哪些其他步骤？

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 从 node_modules\cesium\Source 中的 Cesium 源代码树中提取 require.js 的副本，然后仅需要您需要的 Cesium 的特定模块。这会导致您的项目包含的 JavaScript 比提取整个组合文件要少，并且由于文件是分开的，因此更容易调试。但它会导致更多的网络请求，因此如果没有某种构建系统来合并和缩小您使用的文件，您不会希望在生产环境中直接使用它。

在 介绍 npm cesium 的博客文章 中有一些额外的详细信息。（由 Matt Amato 撰写，他还在下面提供了一些评论）

emackey
2016-02-04