[html,js] 외부 package import 하는 방법

Install from npm (for nodejs project) [1]

npm install three

// Option 1: Import the entire three.js core library.
import * as THREE from 'three';

// Option 2: Import just the parts you need.
import { Scene } from 'three';

Install from CDN (for static hosting)[2]

<script type="importmap">
  {
    "imports": {
      "three": "https://unpkg.com/three@<version>/build/three.module.js"
    }
  }
</script>

<script type="module">

  import * as THREE from 'three';

  const scene = new THREE.Scene();

</script>

References

[1] Three.js installation
[2] How to dynamically import javascript with importmaps - digitalOcean.com