Misc fixes

This version allows to compile dependent code, but HMR does not work,
local module linking does not work, and some optimizations do not work.

Author: birdofpreyru

config/babel/webpack.js

@@ -2,14 +2,6 @@
 
 const _ = require('lodash');
 
-const reactCssModulesPluginOps = {
-  filetypes: {
-    '.scss': {
-      syntax: 'postcss-scss',
-    },
-  },
-};
-
 const config = {
   presets: [
     '@babel/env',
@@ -26,22 +18,35 @@ const config = {
     '@babel/syntax-dynamic-import',
     'inline-react-svg',
     '@babel/transform-runtime',
-    ['react-css-modules', reactCssModulesPluginOps],
+    ['react-css-modules', {
+      filetypes: {
+        '.scss': {
+          syntax: 'postcss-scss',
+        },
+      },
+    }],
   ],
 };
 
 function getPreset(babel) {
+  const res = _.cloneDeep(config);
+
+  const reactCssModulePluginOptions = res.plugins.find(
+    ([name]) => name === 'react-css-modules',
+  )[1];
+
   switch (babel.getEnv()) {
     case 'development':
-      reactCssModulesPluginOps.generateScopedName = '[path][name]___[local]___[hash:base64:6]';
-      config.plugins.push('react-hot-loader/babel');
+      reactCssModulePluginOptions
+        .generateScopedName = '[path][name]___[local]___[hash:base64:6]';
+      res.plugins.push('react-hot-loader/babel');
       break;
     case 'production':
-      reactCssModulesPluginOps.generateScopedName = '[hash:base64:6]';
+      reactCssModulePluginOptions.generateScopedName = '[hash:base64:6]';
       break;
     default:
   }
-  return _.cloneDeep(config);
+  return res;
 }
 
 module.exports = getPreset;

config/jest/default.js

@@ -1,9 +1,17 @@
+const path = require('path');
+
+const globalLibDir = path.resolve(process.execPath, '../../lib/node_modules');
+
 module.exports = {
   collectCoverage: true,
   collectCoverageFrom: [
     'src/**/*.{js,jsx}',
   ],
   coverageDirectory: '__coverage__',
+  moduleDirectories: [
+    'node_modules',
+    globalLibDir,
+  ],
   moduleNameMapper: {
     '\\.(scss|css)$': 'identity-obj-proxy',
   },

config/webpack/app-base.js

@@ -94,7 +94,7 @@ module.exports = function configFactory(ops) {
   }
 
   entry.polyfills = _.union(entry.polyfills, [
-    'babel-polyfill',
+    '@babel/polyfill',
     'nodelist-foreach-polyfill',
   ]);
 
@@ -168,6 +168,7 @@ module.exports = function configFactory(ops) {
         loader: 'babel-loader',
         options: {
           babelrc: false,
+          configFile: false,
           envName: o.babelEnv,
           presets: ['topcoder-react-utils/config/babel/webpack'],
         },

package-lock.json

@@ -49,6 +49,7 @@
     "@babel/polyfill": "^7.2.3",
     "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
+    "@babel/register": "^7.0.0",
     "autoprefixer": "^9.4.3",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",