将下面的代码换成imports的<script src="js/libs/three.js"></script> <script src="js/libs/GLTFLoader.js"></script> <script src="js/libs/OrbitControls.js"></script>

可以用 JavaScript Import Map 的方式来代替在 HTML 中直接引入 JavaScript 模块的方式。具体来说，可以创建多个导入项，然后在代码中使用这些导入项来加载 Three.js 模块、GLTFLoader 模块和 OrbitControls 模块。

在 HTML 文件中添加以下代码：

<script type="importmap">
  {
    "imports": {
      "three": "./js/libs/three.module.js",
      "three/examples/jsm/loaders/GLTFLoader": "./js/libs/GLTFLoader.js",
      "three/examples/jsm/controls/OrbitControls": "./js/libs/OrbitControls.js"
    }
  }
</script>

然后可以在 JavaScript 代码中使用以下方式来加载 Three.js 模块、GLTFLoader 模块和 OrbitControls 模块：

import * as THREE from "three";
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";

// 使用 THREE、GLTFLoader 和 OrbitControls 对象来创建 Three.js 应用程序

这样就可以将原来在 HTML 中直接引入 Three.js、GLTFLoader 和 OrbitControls 模块的方式改为使用 JavaScript Import Map 和 ES6 模块的方式来加载模块了。需要注意的是，为了让该方式生效，需要在支持 JavaScript Import Map 和 ES6 模块的环境下运行代码。