moving browser to webpack

VirtualFlyBrain · Oct 30, 2024 · 84e9bc4 · 84e9bc4
1 parent ba707da
commit 84e9bc4
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -31,21 +31,6 @@
     "three-render-objects": "1.29.4",
     "three-forcegraph": "1.41.14"
   },
-  "browser": {
-    "three/webgpu": "./node_modules/three/examples/jsm/renderers/webgpu/WebGPURenderer.js",
-    "three/examples/js/loaders/ColladaLoader": "./node_modules/three/examples/jsm/loaders/ColladaLoader.js",
-    "three/examples/js/loaders/OBJLoader": "./node_modules/three/examples/jsm/loaders/OBJLoader.js",
-    "three/examples/js/postprocessing/BloomPass": "./node_modules/three/examples/jsm/postprocessing/BloomPass.js",
-    "three/examples/js/postprocessing/EffectComposer": "./node_modules/three/examples/jsm/postprocessing/EffectComposer.js",
-    "three/examples/js/postprocessing/FilmPass": "./node_modules/three/examples/jsm/postprocessing/FilmPass.js",
-    "three/examples/js/postprocessing/MaskPass": "./node_modules/three/examples/jsm/postprocessing/MaskPass.js",
-    "three/examples/js/postprocessing/RenderPass": "./node_modules/three/examples/jsm/postprocessing/RenderPass.js",
-    "three/examples/js/postprocessing/ShaderPass": "./node_modules/three/examples/jsm/postprocessing/ShaderPass.js",
-    "three/examples/js/shaders/ConvolutionShader": "./node_modules/three/examples/jsm/shaders/ConvolutionShader.js",
-    "three/examples/js/shaders/CopyShader": "./node_modules/three/examples/jsm/shaders/CopyShader.js",
-    "three/examples/js/shaders/FilmShader": "./node_modules/three/examples/jsm/shaders/FilmShader.js",
-    "three/examples/js/shaders/FocusShader": "./node_modules/three/examples/jsm/shaders/FocusShader.js"
-  },
   "dependencies": {
     "three": "0.167.0",
     "@types/three": "0.167.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -142,9 +142,28 @@ module.exports = function (env){
         '@geppettoengine/geppetto-core': path.resolve(__dirname, geppetto_base_path + '/geppetto-core/src'),
         geppetto: path.resolve(__dirname, geppetto_client_path, 'js/pages/geppetto/GEPPETTO.js'),
         '@geppettoengine/geppetto-client-initialization': path.resolve(__dirname, geppetto_client_path, 'js/pages/geppetto/main'),
-        handlebars: 'handlebars/dist/handlebars.js'
+        handlebars: 'handlebars/dist/handlebars.js',
+        'three/examples/js/loaders/ColladaLoader': path.resolve(__dirname, 'node_modules/three/examples/jsm/loaders/ColladaLoader.js'),
+        'three/examples/js/loaders/OBJLoader': path.resolve(__dirname, 'node_modules/three/examples/jsm/loaders/OBJLoader.js'),
+        'three/examples/js/postprocessing/BloomPass': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/BloomPass.js'),
+        'three/examples/js/postprocessing/EffectComposer': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/EffectComposer.js'),
+        'three/examples/js/postprocessing/FilmPass': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/FilmPass.js'),
+        'three/examples/js/postprocessing/MaskPass': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/MaskPass.js'),
+        'three/examples/js/postprocessing/RenderPass': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/RenderPass.js'),
+        'three/examples/js/postprocessing/ShaderPass': path.resolve(__dirname, 'node_modules/three/examples/jsm/postprocessing/ShaderPass.js'),
+        'three/examples/js/shaders/ConvolutionShader': path.resolve(__dirname, 'node_modules/three/examples/jsm/shaders/ConvolutionShader.js'),
+        'three/examples/js/shaders/CopyShader': path.resolve(__dirname, 'node_modules/three/examples/jsm/shaders/CopyShader.js'),
+        'three/examples/js/shaders/FilmShader': path.resolve(__dirname, 'node_modules/three/examples/jsm/shaders/FilmShader.js'),
+        'three/examples/js/shaders/FocusShader': path.resolve(__dirname, 'node_modules/three/examples/jsm/shaders/FocusShader.js'),
+        'three/webgpu': path.resolve(__dirname, 'node_modules/three/examples/jsm/renderers/webgpu/WebGPURenderer.js')
       },
       extensions: ['*', '.js', '.json', '.ts', '.tsx', '.jsx'],
+      fallback: {
+        fs: 'empty',
+        child_process: 'empty',
+        module: 'empty',
+        'three/webgpu': false
+      }
     },
 
     module: {