format UglifyJs error

packages/react-dev-utils/README.md

@@ -187,7 +187,7 @@ measureFileSizesBeforeBuild(buildFolder).then(previousFileSizes => {
 });
 ```
 
-#### `formatWebpackMessages({errors: Array<string>, warnings: Array<string>}): {errors: Array<string>, warnings: Array<string>}`
+#### `formatwebpackmessages({errors: Array<string>, warnings: Array<string>}): {errors: Array<string>, warnings: Array<string>}`
 
 Extracts and prettifies warning and error messages from webpack [stats](https://github.com/webpack/docs/wiki/node.js-api#stats) object.
 
@@ -220,6 +220,16 @@ compiler.plugin('done', function(stats) {
 });
 ```
 
+#### `formatBuildError(error: Object): String`
+
+Prettify some known build errors.
+Pass an Error object to log a prettified error message in the console
+
+```
+
+```
+
+
 #### `getProcessForPort(port: number): string`
 
 Finds the currently running process on `port`.

packages/react-dev-utils/formatBuildError.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+'use strict';
+
+const get = require('lodash/get');
+const chalk = require('chalk');
+
+module.exports = function formatBuildError(err) {
+  const message = get(err, 'message');
+
+  // Add more helpful message for UglifyJs error
+  if (typeof message === 'string' && message.indexOf('from UglifyJs') !== -1) {
+    try {
+      console.log(
+        'Failed to minify the code from \n\n',
+        chalk.yellow(
+          err.stack.split('\n')[1].split('[')[1].split('][')[0].replace(']', '')
+        ),
+        '\n'
+      );
+    } catch (e) {
+      console.log('Failed to minify the code.', err);
+    }
+    console.log(
+      'Please check your dependencies for any untranspiled es6 code and raise an issue with \n' +
+        'the author. \n' +
+        '\nIf you need to use the module right now, you can try placing the source in ./src \n' +
+        'and we will transpile it for you.'
+    );
+  } else {
+    console.log((message || err) + '\n');
+  }
+};

packages/react-dev-utils/package.json

@@ -18,13 +18,14 @@
     "crossSpawn.js",
     "eslintFormatter.js",
     "FileSizeReporter.js",
+    "formatBuildError.js",
     "formatWebpackMessages.js",
     "getProcessForPort.js",
     "inquirer.js",
     "InterpolateHtmlPlugin.js",
     "launchEditor.js",
-    "noopServiceWorkerMiddleware.js",
     "ModuleScopePlugin.js",
+    "noopServiceWorkerMiddleware.js",
     "openBrowser.js",
     "openChrome.applescript",
     "printHostingInstructions.js",

packages/react-scripts/scripts/build.js

@@ -34,7 +34,7 @@ const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
-const get = require('lodash/get');
+const formatBuildError = require('react-dev-utils/formatBuildError');
 
 const measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
 const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
@@ -94,7 +94,7 @@ measureFileSizesBeforeBuild(paths.appBuild)
     },
     err => {
       console.log(chalk.red('Failed to compile.\n'));
-      formatError(err);
+      formatBuildError(err);
       process.exit(1);
     }
   );
@@ -142,30 +142,3 @@ function copyPublicFolder() {
     filter: file => file !== paths.appHtml,
   });
 }
-
-function formatError(err) {
-  const message = get(err, 'message');
-
-  // Add more helpful message for UglifyJs error
-  if (typeof message === 'string' && message.indexOf('from UglifyJs') !== -1) {
-    try {
-      console.log(
-        'UglifyJs could not parse the code from \n\n',
-        chalk.yellow(
-          err.stack.split('\n')[1].split('[')[1].split('][')[0].replace(']', '')
-        ),
-        '\n'
-      );
-    } catch (e) {
-      console.log('UglifyJs could not process the code.', err);
-    }
-    console.log(
-      'Please check your dependencies for any untranspiled es6 code and raise an issue with \n' +
-        'the author. \n' +
-        '\nIf you need to use the module right now, you can try placing the source in ./src \n' +
-        'and we will transpile it for you.'
-    );
-  } else {
-    console.log((message || err) + '\n');
-  }
-}