René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Enviornment.ts toggling and correct usage of WebpackDevMiddlewareOptions EnvironmentVariables","articleBody":"I have added a parameter to my webpack commands so that I can swap out the Remote API endpoints.  I am flipping between mocked data files and staging endpoints, and I wanted people on the team to be able to do that locally while developing.\r\nwebpack **--env.target=staging** --progress --color\r\nwebpack **--env.target=mocked** --progress --color\r\n\r\nIn webpack I do the hostreplacement (this all seems to be worknig just fine):\r\n```\r\n const environmentFiles = {\r\n        dev: \"./ClientApp/src/environments/environment.dev.ts\",\r\n        devMocked: \"./ClientApp/src/environments/environment.devMocked.ts\",\r\n        staging: \"./ClientApp/src/environments/environment.staging.ts\",\r\n        prod: \"./ClientApp/src/environments/environment.prod.ts\"\r\n      };\r\n    console.log(env.target)\r\n    const envFile = environmentFiles[env.target];\r\n\r\nnew AotPlugin({\r\n                tsConfigPath: './tsconfig.json',\r\n                entryModule: path.join(__dirname, 'ClientApp/src/app.module.browser#AppModule'),\r\n                exclude: ['./**/*.server.ts'],\r\n                \"hostReplacementPaths\": {\r\n                    \"./ClientApp/src/environments/environment\": `${envFile}`\r\n                  },\r\n                // Set flag to false to allow AOT\r\n\t            \"skipCodeGeneration\": true\r\n            })\r\n```\r\n\r\nMy issue is when I run VS Code [Development] Launch Web I get a NodeServices error of target is undefined.  So It does not like my env.target from the code sample above.\r\n\r\nI added the EnvironmentVariables but this does not work.   I am using this wrong?  I can comment out the whole UseWebpackDevMiddleware code block and let the code use the manual webpack build I created from the command line, but then I lose HMR.  Which I absolutely don't want to lose.  \r\n\r\n```\r\napp.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions\r\n                {\r\n                    HotModuleReplacement = true,\r\n                    EnvironmentVariables = new Dictionary\u003cstring, string\u003e()\r\n                    {\r\n                    { \"target\", \"staging\" }\r\n                    }\r\n                });\r\n```\r\n\r\nI still get the error, full error is below.\r\n\r\n```\r\nException has occurred: CLR/System.AggregateException\r\nAn exception of type 'System.AggregateException' occurred in System.Private.CoreLib.dll but was not handled in user code: 'One or more errors occurred.'\r\n Inner exceptions found, see $exception in variables window for more details.\r\n Innermost exception \t Microsoft.AspNetCore.NodeServices.HostingModels.NodeInvocationException : Cannot read property 'target' of undefined\r\nTypeError: Cannot read property 'target' of undefined\r\n    at module.exports (c:\\Users\\v-jormc\\Source\\Repos\\Xbox.Ambassadors\\Microsoft.Ambassadors\\Microsoft.Ambassadors.Web.Client\\webpack.config.js:19:22)\r\n    at createWebpackDevServer (c:\\Users\\v-jormc\\Source\\Repos\\Xbox.Ambassadors\\Microsoft.Ambassadors\\Microsoft.Ambassadors.Web.Client\\node_modules\\aspnet-webpack\\WebpackDevMiddleware.js:194:31)\r\n    at createWebpackDevServer (C:\\Users\\v-jormc\\AppData\\Local\\Temp\\104gtbeg.vbc:74:50)\r\n    at C:\\Users\\v-jormc\\AppData\\Local\\Temp\\2we2pffu.pst:114:19\r\n    at IncomingMessage.\u003canonymous\u003e (C:\\Users\\v-jormc\\AppData\\Local\\Temp\\2we2pffu.pst:133:38)\r\n    at emitNone (events.js:105:13)\r\n    at IncomingMessage.emit (events.js:207:7)\r\n    at endReadableNT (_stream_readable.js:1045:12)\r\n    at _combinedTickCallback (internal/process/next_tick.js:138:11)\r\n    at process._tickCallback (internal/process/next_tick.js:180:9)\r\n```\r\n\r\nUpdate:  Is EnviornmentVariables meant to do what is being talked about in this thread in regards to the EnvParameter?   Or are we still needing something else to achieve what I am trying to do?\r\nhttps://github.com/aspnet/JavaScriptServices/issues/816\r\n","author":{"url":"https://github.com/jrmcdona","@type":"Person","name":"jrmcdona"},"datePublished":"2017-10-06T14:12:46.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/1322/JavaScriptServices/issues/1322"}