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

Question

Cesium 现在在 npm 上。在npm install cesium之后-进入我的项目，所有代码进入node_modules .

在铯中hello world , 它包括 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 少于拉入整个组合文件的数量，并且由于有单独的文件，因此调试更容易。但它会导致更多的网络请求，因此如果没有某种构建系统来组合和缩小您使用的文件，您不希望直接在生产环境中使用它。

关于 blog post introducing npm cesium 有一些额外的细节. (由 Matt Amato 撰写，他还在下面提供了一些评论)