threejs html方式引入包

1、在官网下载threejs最新的包；

2、在html文件中用 importmap方式引入（推荐）

<script type="importmap">

            {

                "imports": {

                    "three": "../three.js/build/three.module.js",

                }

            }

        </script>

3、此时在js文件中就可以跟 npm下载包使用一样

// 引入three.js

import * as THREE from 'three';

备注：

其他方式

<script src="./build/three.js"></script>//视自己解压缩的文件路径而定

<script type="module">

// 现在浏览器支持ES6语法，自然包括import方式引入js文件

<!-- 配置type="importmap",.html文件也能和项目开发环境一样方式引入threejs -->
<script type="module">
    import * as THREE from 'three';
    // 浏览器控制台测试，是否引入成功
    console.log(THREE.Scene);
</script>