Use Babel config babel.config.js format

Author: colinrotherham

.babelrc.js renamed to babel.config.js

@@ -1,12 +1,21 @@
+/**
+ * Babel config
+ *
+ * @type {import('@babel/core').ConfigFunction}
+ */
 module.exports = {
   presets: [
-    ['@babel/preset-env', {
-      corejs: '2',
-      loose: true,
-      shippedProposals: true,
-      useBuiltIns: 'usage',
-    }]
+    [
+      '@babel/preset-env',
+      {
+        corejs: '2',
+        loose: true,
+        shippedProposals: true,
+        useBuiltIns: 'usage'
+      }
+    ]
   ],
+
   plugins: [
     ['@babel/plugin-proposal-class-properties', { loose: true }],
     ['@babel/plugin-proposal-decorators', { legacy: true }],
@@ -17,11 +26,10 @@ module.exports = {
     '@babel/plugin-transform-member-expression-literals',
     '@babel/plugin-transform-property-literals'
   ],
+
   env: {
     test: {
-      plugins: [
-        'istanbul'
-      ]
+      plugins: ['istanbul']
     }
   }
-};
+}

test/karma.config.js

@@ -1,6 +1,7 @@
 require('@babel/register')({
-  cwd: require('path').resolve(__dirname, '../')
+  rootMode: 'upward'
 })
+
 var puppeteer = require('puppeteer')
 var webpack = require('../webpack.config.babel.js')[0]
 

test/wdio.config.js

@@ -1,4 +1,8 @@
 require('dotenv').config()
+require('@babel/register')({
+  rootMode: 'upward'
+})
+
 const puppeteer = require('puppeteer')
 const staticServerPort = process.env.PORT || 4567
 const services = [

webpack.config.babel.js

@@ -62,7 +62,12 @@ const config = {
       {
         test: /\.js$/,
         exclude: /node_modules/,
-        loader: 'babel-loader'
+        use: {
+          loader: 'babel-loader',
+          options: {
+            rootMode: 'upward'
+          }
+        }
       }
     ]
   },