change babelrc recipe to use explicit plugins file

Author: bahmutov

README.md

@@ -21,15 +21,15 @@ Requires [Node](https://nodejs.org/en/) version 8 or above.
 npm install --save-dev cypress cypress-react-unit-test
 ```
 
-Include this plugin from your project's `cypress/support/index.js`
+1. Include this plugin from your project's `cypress/support/index.js`
 
 ```js
-require('cypress-react-unit-test/dist/hooks')
+require('cypress-react-unit-test/support')
 ```
 
-Then tell Cypress how your React application is transpiled or bundled (using Webpack), so Cypress can load your components. See [Recipes](./docs/recipes.md)
+2. Tell Cypress how your React application is transpiled or bundled (using Webpack), so Cypress can load your components. See [Recipes](./docs/recipes.md)
 
-⚠️ Turn the experimental component support on in your `cypress.json`. You can also specify where component spec files are located. For exampled to have them located in `src` folder use:
+3. ⚠️ Turn the experimental component support on in your `cypress.json`. You can also specify where component spec files are located. For exampled to have them located in `src` folder use:
 
 ```json
 {

docs/recipes.md

@@ -64,12 +64,23 @@ If you have your own webpack config, you can use included plugins file to load i
 
 ## Your `.babelrc` file
 
-If you are using Babel without Webpack to transpile, you can use the plugin that tells Babel loader to use your configuration file. In `cypress.json` file set:
+If you are using Babel without Webpack to transpile, you can use the plugin that tells Babel loader to use your configuration file.
+
+```js
+// cypress/plugins/index.js
+module.exports = (on, config) => {
+  // tell Cypress to bundle specs and components using project's .babelrc file
+  require('cypress-react-unit-test/plugins/babelrc')(on, config)
+  // IMPORTANT to return the config object
+  // with the any changed environment variables
+  return config
+}
+```
+
+In `cypress.json` file set:
 
 ```json
 {
-  "pluginsFile": "node_modules/cypress-react-unit-test/plugins/babelrc",
-  "supportFile": "node_modules/cypress-react-unit-test/support",
   "experimentalComponentTesting": true
 }
 ```