added watching for shader files

package-lock.json

@@ -3131,6 +3131,35 @@
         "is-extglob": "1.0.0"
       }
     },
+    "extra-watch-webpack-plugin": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/extra-watch-webpack-plugin/-/extra-watch-webpack-plugin-1.0.1.tgz",
+      "integrity": "sha512-zhCYnRWa2y1hc33mL3hwWF0BRnXDibVLKLbNDA/ie0UnV+5dd0tNO0NLRptNbMEkQCxrjHLz0D9gvLel0jFxjg==",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "is-glob": "4.0.0",
+        "lodash.uniq": "4.5.0",
+        "schema-utils": "0.4.5"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+          "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
+          "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "2.1.1"
+          }
+        }
+      }
+    },
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -6936,6 +6965,12 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
+      "dev": true
+    },
     "log-symbols": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",

package.json

@@ -12,9 +12,9 @@
   },
   "scripts": {
     "lint": "tslint src/**/*.ts",
-    "build": "tsc",
-    "postbuild": "copyfiles --up 1 src/mol-gl/shader/*.vert src/mol-gl/shader/*.frag src/mol-gl/shader/*.glsl build/node_modules/",
+    "build": "cpx \"src/**/*.{vert,frag,glsl}\" build/node_modules/ && tsc",
     "watch": "tsc -watch",
+    "watch-shader": "cpx \"src/**/*.{vert,frag,glsl}\" build/node_modules/ --watch",
     "test": "jest",
     "script": "node build/node_modules/script.js",
     "app-render-test": "webpack build/node_modules/apps/render-test/index.js --mode development -o web/render-test/index.js",
@@ -62,6 +62,8 @@
     "@types/react-dom": "^16.0.4",
     "benchmark": "^2.1.4",
     "copyfiles": "^2.0.0",
+    "cpx": "^1.5.0",
+    "extra-watch-webpack-plugin": "^1.0.1",
     "glslify-import": "^3.1.0",
     "glslify-loader": "^1.0.2",
     "jest": "^22.4.2",

webpack.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin');
 module.exports = {
     module: {
         rules: [
@@ -13,5 +14,10 @@ module.exports = {
                 include: [ path.resolve(__dirname, "build/node_modules/") ]
             }
         ]
-    }
+    },
+    plugins: [
+        new ExtraWatchWebpackPlugin({
+            files: [ './**/*.vert', './**/*.frag', './**/*.glsl' ],
+        }),
+    ],
 }