diff --git a/index.html b/index.html
index b8a6411..a8792df 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,14 @@
     <title>WebArchi</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <!--<link rel='stylesheet' type='text/css' media='screen' href='main.css'>-->
+    <script type="importmap">
+        {
+          "imports": {
+            "three": "./vendor/three/build/three.module.js",
+            "openbim-components": "./vendor/openbim-components/src/index.js"
+          }
+        }
+    </script>
     <script src='main.js' type="module"></script>
 </head>
 <body>
diff --git a/main.js b/main.js
index c2c1e4e..190b8c4 100644
--- a/main.js
+++ b/main.js
@@ -1,5 +1,5 @@
-import * as THREE from './vendor/three/build/three.module.js';
-import * as OBC from './vendor/openbim-components/src/index.js';
+import * as THREE from 'three';
+import * as OBC from 'openbim-components';
 
 document.addEventListener('DOMContentLoaded', () => {
     const container = document.querySelector('#scene');
