Migrate away from expose-loader to fix ES6 import-related issues

Author: dustinsoftware

src/React.Core/RenderFunctions/ReactHelmetFunctions.cs

@@ -24,7 +24,7 @@ public class ReactHelmetFunctions : RenderFunctionsBase
 		public override void PostRender(Func<string, string> executeJs)
 		{
 			var helmetString = executeJs(@"
-var helmetResult = Helmet.default.renderStatic();
+var helmetResult = Helmet.renderStatic();
 JSON.stringify(['base', 'bodyAttributes', 'htmlAttributes', 'link', 'meta', 'noscript', 'script', 'style', 'title']
 	.reduce((mappedResults, helmetKey) => Object.assign(mappedResults, { [helmetKey]: helmetResult[helmetKey] && helmetResult[helmetKey].toString() }), {}));");
 

src/React.Sample.Webpack.CoreMvc/.babelrc

@@ -1,6 +1,3 @@
 {
-	"presets": ["react", "env"],
-	"plugins": [
-		"add-module-exports"
-	]
+	"presets": ["react", "env"]
 }

src/React.Sample.Webpack.CoreMvc/Content/components/expose-components.js

@@ -1,9 +1,20 @@
-require('expose-loader?React!react');
-require('expose-loader?ReactDOM!react-dom');
-require('expose-loader?ReactDOMServer!react-dom/server');
-
-require('expose-loader?RootComponent!./home.jsx');
-require('expose-loader?Styled!styled-components');
-require('expose-loader?ReactJss!react-jss');
-require('expose-loader?EmotionServer!emotion-server');
-require('expose-loader?Helmet!react-helmet');
+import React from 'react';
+import ReactDOM from 'react-dom';
+import ReactDOMServer from 'react-dom/server';
+
+import RootComponent from './home.jsx';
+import { ServerStyleSheet } from 'styled-components';
+import { JssProvider, SheetsRegistry } from 'react-jss';
+import { renderStylesToString } from 'emotion-server';
+import Helmet from 'react-helmet';
+
+global.React = React;
+global.ReactDOM = ReactDOM;
+global.ReactDOMServer = ReactDOMServer;
+
+global.Styled = { ServerStyleSheet };
+global.ReactJss = { JssProvider, SheetsRegistry };
+global.EmotionServer = { renderStylesToString };
+global.Helmet = Helmet;
+
+global.RootComponent = RootComponent;

src/React.Sample.Webpack.CoreMvc/package-lock.json

@@ -9,12 +9,10 @@
   "dependencies": {
     "babel-core": "^6.26.3",
     "babel-loader": "^7.1.2",
-    "babel-plugin-add-module-exports": "^0.2.1",
     "babel-preset-env": "^1.6.1",
     "babel-preset-react": "^6.24.1",
     "emotion": "^9.2.12",
     "emotion-server": "^9.2.12",
-    "expose-loader": "^0.7.3",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-emotion": "^9.2.12",