fix: rework three example build, to fix webpack (#53)

package.json

@@ -126,7 +126,7 @@
     "rollup-plugin-json": "^2.1.1",
     "rollup-plugin-multi-entry": "^2.0.1",
     "rollup-plugin-node-resolve": "^3.0.0",
-    "rollup-plugin-replace": "^2.0.0",
+    "rollup-plugin-re": "^1.0.6",
     "rollup-watch": "^3.2.2",
     "semver": "^5.3.0",
     "sinon": "^2.2.0",

scripts/rollup-replace.js

@@ -1,18 +1,33 @@
-import replace from 'rollup-plugin-replace';
+import replace from 'rollup-plugin-re';
 
-export default function(options) {
+// three modules to find-replace in
+const modules = [
+  'VRControls',
+  'VREffect',
+  'OrbitControls'
+];
 
+export default function(options) {
   return replace(Object.assign({
-    'include': ['node_modules/three/examples/js/**'],
-    'delimiters': ['', ''],
-    'THREE.VRControls =': "var THREE = require('three');var VRControls;\nmodule.exports = VRControls =",
-    'THREE.VRControls': 'VRControls',
+    include: ['node_modules/three/examples/js/**'],
+    patterns: [
+      {transform(code, id) {
+        modules.forEach((m) => {
+          if (!(new RegExp(m)).test(id)) {
+            return;
+          }
+
+          // trun the global modifiction into an import and a local variable definition
+          code = code.replace(`THREE.${m} =`, `import * as THREE from 'three';\nvar ${m} =`);
 
-    'THREE.VREffect =': "var THREE = require('three');var VREffect;\nmodule.exports = VREffect =",
-    'THREE.VREffect': 'VREffect',
+          // change references from the global modification to the local variable
+          code = code.replace(new RegExp(`THREE.${m}`, 'g'), m);
 
-    'THREE.OrbitControls =': "var THREE = require('three');var OrbitControls;\nmodule.exports = OrbitControls =",
-    'THREE.OrbitControls': 'OrbitControls'
-  }, options || {}));
+          // export that local variable as default from this module
+          code += `\nexport default ${m};`;
+        });
+        return code;
+      }}
+    ]}, options || {}));
 }