如何将 npm 安装的 cesium 用于浏览器答案

【问题标题】：How to use npm-installed cesium for browser如何将 npm 安装的 cesium 用于浏览器
【发布时间】：2016-02-04 08:03:17
【问题描述】：

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

在铯hello world 中，它包括cesium 类似<script src="your/path/to/Cesium.js"></script>

我的问题是，我需要做哪些额外的步骤才能从 html 中使用铯？

【问题讨论】：

标签： javascript npm 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 拉下require.js 的副本，然后从node_modules\cesium\Source 中的Cesium 源代码树中仅需要您需要的Cesium 特定模块。这会导致您的项目包含的 JavaScript 比拉入整个组合文件更少，并且由于是单独的文件，因此可以更轻松地进行调试。但它会导致更多的网络请求，因此您不希望在没有某种构建系统来组合和缩小您使用的文件的情况下直接在生产环境中这样做。

blog post introducing npm cesium 有一些额外的细节。（由 Matt Amato 撰写，他还在下面提供了一些 cmets）

【讨论】：

对于 AMD 模块，您不应使用 node_modules/cesium/node_modules/requirejs/require.js，而应直接依赖 package.json 中的 requirejs。
另外，如果你不喜欢 AMD/requireJS，你可以使用 Webpack，它正在成为最流行的打包工具之一。我们最近有一篇关于它的博客文章：cesiumjs.org/2016/01/26/Cesium-and-Webpack
谢谢马特。我编辑了答案以指导人们使用单独的 require.js。如果需要进一步修改，请告诉我。
@emackey 谢谢你的回答！事实上，我的问题是在阅读了 Mattew 的文章 cesiumjs.org/2015/12/14/Cesium-npm 后受到启发的。我确实想将铯作为 AMD 模块。由于我在前端开发方面经验较少，因此希望有更详细的使用 requirejs 的程序
我的建议（我不确定马特是否会同意）是经验不足的开发人员从组合版本开始，如我的答案顶部所示。出错的可能性要小得多，而且很容易切换到未缩小以进行调试和缩小以用于生产。