Downgrade babel to prevent windows browsersync looping.

Author: jjeffryes

.babelrc

@@ -1,105 +1,13 @@
 {
   "env": {
     "development": {
-      "presets": [
-        "@babel/preset-env"
-      ],
-      "plugins": [
-        "@babel/plugin-syntax-dynamic-import",
-        "@babel/plugin-syntax-import-meta",
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-json-strings",
-        [
-          "@babel/plugin-proposal-decorators",
-          {
-            "legacy": true
-          }
-        ],
-        "@babel/plugin-proposal-function-sent",
-        "@babel/plugin-proposal-export-namespace-from",
-        "@babel/plugin-proposal-numeric-separator",
-        "@babel/plugin-proposal-throw-expressions",
-        "@babel/plugin-proposal-export-default-from",
-        "@babel/plugin-proposal-logical-assignment-operators",
-        "@babel/plugin-proposal-optional-chaining",
-        [
-          "@babel/plugin-proposal-pipeline-operator",
-          {
-            "proposal": "minimal"
-          }
-        ],
-        "@babel/plugin-proposal-nullish-coalescing-operator",
-        "@babel/plugin-proposal-do-expressions"
-      ]
-    },
+       "presets": ["env", "stage-1"]
+     },
     "production": {
-      "presets": [
-        "@babel/preset-env"
-      ],
-      "plugins": [
-        "@babel/plugin-syntax-dynamic-import",
-        "@babel/plugin-syntax-import-meta",
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-json-strings",
-        [
-          "@babel/plugin-proposal-decorators",
-          {
-            "legacy": true
-          }
-        ],
-        "@babel/plugin-proposal-function-sent",
-        "@babel/plugin-proposal-export-namespace-from",
-        "@babel/plugin-proposal-numeric-separator",
-        "@babel/plugin-proposal-throw-expressions",
-        "@babel/plugin-proposal-export-default-from",
-        "@babel/plugin-proposal-logical-assignment-operators",
-        "@babel/plugin-proposal-optional-chaining",
-        [
-          "@babel/plugin-proposal-pipeline-operator",
-          {
-            "proposal": "minimal"
-          }
-        ],
-        "@babel/plugin-proposal-nullish-coalescing-operator",
-        "@babel/plugin-proposal-do-expressions"
-      ]
-    },
+       "presets": ["env", "stage-1"]
+     },
     "workers": {
-      "presets": [
-        [
-          "@babel/preset-env",
-          {
-            "modules": false
-          }
-        ]
-      ],
-      "plugins": [
-        "@babel/plugin-syntax-dynamic-import",
-        "@babel/plugin-syntax-import-meta",
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-json-strings",
-        [
-          "@babel/plugin-proposal-decorators",
-          {
-            "legacy": true
-          }
-        ],
-        "@babel/plugin-proposal-function-sent",
-        "@babel/plugin-proposal-export-namespace-from",
-        "@babel/plugin-proposal-numeric-separator",
-        "@babel/plugin-proposal-throw-expressions",
-        "@babel/plugin-proposal-export-default-from",
-        "@babel/plugin-proposal-logical-assignment-operators",
-        "@babel/plugin-proposal-optional-chaining",
-        [
-          "@babel/plugin-proposal-pipeline-operator",
-          {
-            "proposal": "minimal"
-          }
-        ],
-        "@babel/plugin-proposal-nullish-coalescing-operator",
-        "@babel/plugin-proposal-do-expressions"
-      ]
+      "presets": [["env", { "modules": false }], "stage-1"]
     }
   }
 }

bin/processIndexForBuild.js

@@ -13,7 +13,7 @@ try {
   const content = String(indexHtml)
     .replace('<!-- BROWSER_SYNC_PLACEHOLDER (DO NOT REMOVE OR ALTER!) -->', '')
     .replace('// install babel hooks in the renderer process', '')
-    .replace('require(\'@babel/register\');', '')
+    .replace('require(\'babel-register\');', '')
     .replace('require(\'../js/start\')', 'require(\'../prod/start\')');
   fs.writeFileSync(indexOut, content);
 } catch (e) {

bootstrapper.js

@@ -1,6 +1,6 @@
 // install babel hooks in the main process
 if (process.env.NODE_ENV === 'development') {
-  require('@babel/register');  // eslint-disable-line global-require
+  require('babel-register');  // eslint-disable-line global-require
   require('./main.js'); // eslint-disable-line global-require
 } else {
   require('./mainBuilt.js'); // eslint-disable-line global-require, import/no-unresolved

index.html

@@ -24,7 +24,7 @@
     </div>
     <script>
       // install babel hooks in the renderer process
-      require('@babel/register');
+      require('babel-register');
       require('../js/start');
     </script>
     <script>