搜索

回答

在 Node.js 环境下，可以这样导入全局模块：

import * as _loadash from 'loadash';

Node.js 会自动从 node_modules 目录中去加载对应的模块，但是浏览器默认不会这样做，因为不知道从哪里加载全局模块。

import-maps 就是为了解决浏览器中的全局模块而出现的，基于 Chromium 的浏览器已经实现这个功能。

对于不支持 import-maps 的浏览器，可以使用 es-module-shims 进行处理。

import-maps 使用 Json 的形式来定义浏览器中的全局模块：

<script type="importmap">
{
"imports": {
"loadash": "/libs/loadash/index.js",
"jquery": "/libs/jquery/index.js",
"three": "/libs/three.js/three.js",
"three/examples/": "/libs/three.js/examples/"
}
}
</script>

全局 ES 模块的定义分两种形式：

通过别名指定模块的地址，适用于只有一个 js 文件的模块；

通过路径指定模块的目录，适用于多个js文件组成的模块；

有了上面的 importmap 定义，可以在浏览器环境中这样使用全局模块：

import * as _loadash from 'loadash'; // 自动加载 /libs/loadash/index.js
import $ from 'jquery'; // 自动加载 /libs/jquery/index.js
import { Scene, WebGLRenderer } from 'three'; // 自动加载 /libs/three.js/three.js
import { CinematicCamera } from 'three/examples/jsm/cameras/CinematicCamera.js' // 自动加载 /libs/three.js/examples/jsm/cameras/CinematicCamera.js

网友回复

我知道答案，我要回答

我有问题

回答

如何写ai提示词让大模型根据主题生成视频脚本json，然后让Hyperframe渲染出mp4视频？

有哪些字体使用等宽编程代码展示？

如果让演唱会歌迷的上万手机屏幕和闪光灯一起被现场中控控制闪烁？

Midjourney为啥进军医疗领域了？

python如何跟踪足球比赛指定球员全场运动标注打聚光灯合成

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？