split openmct dev/prod

web/jsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    // "baseUrl": "./src",
+    "target": "es6",
+    "checkJs": true,
+    "allowJs": true,
+    "moduleResolution": "nodenext",
+    "allowSyntheticDefaultImports": true,
+    "paths": {
+      "openmct": ["./node_modules/openmct/dist/openmct.d.ts"]
+    }
+  },
+  "exclude": [
+    "./dist/**/*",
+    "webpack.*.js"
+  ]
+}

web/package-lock.json

@@ -23,7 +23,8 @@
         "typescript": "^4.9.5",
         "webpack": "^5.75.0",
         "webpack-cli": "^5.0.1",
-        "webpack-dev-server": "^4.11.1"
+        "webpack-dev-server": "^4.11.1",
+        "webpack-merge": "^5.10.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {

web/package.json

@@ -5,8 +5,8 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "webpack",
+    "build": "webpack --config webpack.prod.js",
-    "serve": "webpack serve"
+    "serve": "webpack serve --config webpack.dev.js"
   },
   "author": "",
   "license": "ISC",
@@ -25,6 +25,7 @@
     "typescript": "^4.9.5",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1"
+    "webpack-dev-server": "^4.11.1",
+    "webpack-merge": "^5.10.0"
   }
 }

web/src/app.js

@@ -7,6 +7,13 @@ openmct.install(openmct.plugins.UTCTimeSystem());
 openmct.time.clock('local', {start: -5 * 60 * 1000, end: 0});
 openmct.time.timeSystem('utc');
 openmct.install(openmct.plugins.Espresso());
-openmct.install(PhoebusPlugin());
+
+if (process.env.BASE_URL) {
+    console.log("got a thing")
+    console.log(process.env.BASE_URL)
+}
+function GotelemPlugin() {
+
+}
 
 openmct.start();

web/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "./src",
-      "target": "es6",
-      "checkJs": true,
-      "moduleResolution": "node",
-      "paths": {
-        "openmct": ["node_modules/openmct/dist/openmct.d.ts"]
-      }
-  }
-}

web/webpack.common.js

@@ -5,7 +5,6 @@ const Dotenv = require('dotenv-webpack');
 
 module.exports = {
     entry: './src/app.js',
-    mode: "development",
     module: {
         rules: [
             {
@@ -33,13 +32,6 @@ module.exports = {
     externals: {
         openmct: "openmct",
     },
-    devServer: {
-        static: [{
-            // eslint-disable-next-line no-undef
-            directory: path.join(__dirname, '/node_modules/openmct/dist'),
-            publicPath: '/node_modules/openmct/dist'
-        }]
-    },
     output: {
         filename: 'main.js',
         path: path.resolve(__dirname, 'dist'),

web/webpack.dev.js

@@ -0,0 +1,22 @@
+const { merge } = require('webpack-merge');
+const common = require('./webpack.common.js');
+const webpack = require('webpack');
+
+module.exports = merge(common, {
+    mode: "development",
+    devtool: 'inline-source-map',
+    plugins: [
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: "development",
+            BASE_URL: "http://localhost:8080"
+        }),
+    ],
+    devServer: {
+        static: "./dist",
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            'Access-Control-Allow-Headers': '*',
+            'Access-Control-Allow-Methods': '*',
+        },
+    },
+})

web/webpack.prod.js

@@ -0,0 +1,13 @@
+const { merge } = require('webpack-merge');
+const common = require('./webpack.common.js');
+
+module.exports = merge(common, {
+    mode: "production",
+    plugins: [
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: "production",
+            BASE_URL: "",
+        });
+    ],
+    devtool: 'source-map',
+})