feat: use find-webpack to handle ejected react-scripts too

Author: bahmutov

package-lock.json

@@ -101,7 +101,7 @@
     "@cypress/webpack-preprocessor": "4.1.3",
     "babel-plugin-istanbul": "6.0.0",
     "debug": "4.1.1",
-    "find-yarn-workspace-root": "1.2.1"
+    "find-webpack": "1.1.0"
   },
   "release": {
     "branches": [

package.json

@@ -1,22 +1,7 @@
 const debug = require('debug')('cypress-react-unit-test')
-const path = require('path')
-const findYarnWorkspaceRoot = require('find-yarn-workspace-root')
+const findWebpack = require('find-webpack')
 const webpack = require('@cypress/webpack-preprocessor')
 
-const webpackConfigPath = path.resolve(
-  findYarnWorkspaceRoot() || process.cwd(),
-  'node_modules',
-  'react-scripts',
-  'config',
-  'webpack.config.js',
-)
-
-debug('path to react-scripts own webpack.config.js: %s', webpackConfigPath)
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'development'
-process.env.NODE_ENV = 'development'
-
 // note: modifies the argument object in place
 const addCypressToEslintRules = webpackOptions => {
   if (webpackOptions.module && Array.isArray(webpackOptions.module.rules)) {
@@ -89,8 +74,14 @@ const addCodeCoverage = webpackOptions => {
 const getWebpackOptions = opts => {
   debug('top level opts %o', opts)
 
-  const webpackFactory = require(webpackConfigPath)
-  const webpackOptions = webpackFactory('development')
+  const webpackOptions = findWebpack.getWebpackOptions()
+  if (!webpackOptions) {
+    console.error('⚠️ Could not find Webpack options, using defaults')
+    return {
+      webpackOptions: webpack.defaultOptions,
+      watchOptions: {},
+    }
+  }
   debug('webpack options: %o', webpackOptions)
 
   // remove bunch of options, we just need to bundle spec files