通过分配给变量导入 JavaScript 模块

Question

也许这个问题是微不足道的，但研究几个导入/导出文档并没有给我答案。我正在尝试理解以 CodePen 示例中的以下导入开头的代码 sn-p：

const Point = ol.geom.Point;
const RMap = rlayers.RMap;

我宁愿期待这样的模块导入：

import { Point } from "ol/geom";
import { RMap } from "rlayers";

我认为这可能与某些隐藏的 CodePen 功能有关，但也找不到解释。当您单击 CodePen 按钮时，CodePen 就在此处https://mmomtchev.github.io/rlayers/#/add_delete。您可以在 JS 设置中看到添加了 CDN https://cdn.jsdelivr.net/npm/rlayers@1.4.1。但我不明白这将如何允许
上面给出的语法。当我尝试使用新的 CodePen 时，它也不起作用。

Answer 1

Codepen 不在 npm 导入/导出上运行，它在 CDN 上运行。当您使用 CDN 时，将为库分配一个全局变量。您使用第一种语法来访问库变量上的对象。