Lessen significance of browserslist

Adjust the default browsers to be a single list and remove it from the build output; it only affects CSS now

packages/react-dev-utils/browsersHelper.js

@@ -13,12 +13,7 @@ const inquirer = require('inquirer');
 const pkgUp = require('pkg-up');
 const fs = require('fs');
 
-const defaultBrowsers = {
-  development: ['chrome', 'firefox', 'edge'].map(
-    browser => `last 2 ${browser} versions`
-  ),
-  production: ['>0.25%', 'not op_mini all', 'ie 11'],
-};
+const defaultBrowsers = ['>0.25%', 'not op_mini all', 'ie 11'];
 
 function checkBrowsers(dir, retry = true) {
   const current = browserslist.findConfig(dir);
@@ -66,16 +61,7 @@ function checkBrowsers(dir, retry = true) {
             console.log();
             console.log(chalk.green('Set target browsers:'));
             console.log();
-            console.log(
-              `\t${chalk.bold('Production')}: ${chalk.cyan(
-                defaultBrowsers.production.join(', ')
-              )}`
-            );
-            console.log(
-              `\t${chalk.bold('Development')}: ${chalk.cyan(
-                defaultBrowsers.development.join(', ')
-              )}`
-            );
+            console.log(`\t${chalk.cyan(defaultBrowsers.join(', '))}`);
             console.log();
           })
           // Swallow any error
@@ -88,20 +74,4 @@ function checkBrowsers(dir, retry = true) {
   });
 }
 
-function printBrowsers(dir) {
-  return checkBrowsers(dir).then(browsers => {
-    if (browsers == null) {
-      console.log('Built the bundle with default browser support.');
-      return;
-    }
-    browsers = browsers[process.env.NODE_ENV] || browsers;
-    if (Array.isArray(browsers)) {
-      browsers = browsers.join(', ');
-    }
-    console.log(
-      `Built the bundle with browser support for ${chalk.cyan(browsers)}.`
-    );
-  });
-}
-
-module.exports = { defaultBrowsers, checkBrowsers, printBrowsers };
+module.exports = { defaultBrowsers, checkBrowsers };

packages/react-scripts/package.json

@@ -80,17 +80,9 @@
   "optionalDependencies": {
     "fsevents": "1.2.4"
   },
-  "browserslist": {
-    "development": [
-      "last 2 chrome versions",
-      "last 2 firefox versions",
-      "last 2 edge versions"
-    ],
-    "production": [
-      ">1%",
-      "last 4 versions",
-      "Firefox ESR",
-      "not ie < 11"
-    ]
-  }
+  "browserslist": [
+    ">0.25%",
+    "not op_mini all",
+    "ie 11"
+  ]
 }

packages/react-scripts/scripts/build.js

@@ -41,7 +41,6 @@ const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 const printBuildError = require('react-dev-utils/printBuildError');
-const { printBrowsers } = require('react-dev-utils/browsersHelper');
 
 const measureFileSizesBeforeBuild =
   FileSizeReporter.measureFileSizesBeforeBuild;
@@ -119,7 +118,6 @@ checkBrowsers(paths.appPath)
         buildFolder,
         useYarn
       );
-      printBrowsers(paths.appPath);
     },
     err => {
       console.log(chalk.red('Failed to compile.\n'));