17899: [CLI] better logging of webpack errors

packages/uxpin-merge-cli/src/utils/webpack/formatWebpackErrorMessages.ts

@@ -1,12 +1,15 @@
 import { Stats } from 'webpack';
 
 export function formatWebpackErrorMessages(stats:Stats):string {
-  const errors:any = stats.toJson({ errors: true });
-  return errors.errors
-    .filter(withoutModuleBuildFailed)
-    .join('\n');
-}
-
-function withoutModuleBuildFailed(error:string):boolean {
-  return error.indexOf('Module build failed') === -1;
+  return stats.toString({
+    assets: false,
+    chunkModules: false,
+    colors: true,
+    entrypoints: false,
+    errors: true,
+    hash: false,
+    modules: false,
+    timings: false,
+    version: false,
+  });
 }

packages/uxpin-merge-cli/test/integration/experimentation/watch/whenComponentHasSyntaxError.test.ts

@@ -90,7 +90,7 @@ export default class Avatar extends PureComponent {
     });
 
     it('should display Parsing error message on stderr', () => {
-      expect(errorResponse).toMatch(/ERROR: \.\/src\/components\/Avatar\/Avatar\.jsx/);
+      expect(errorResponse).toContain('ERROR in ./src/components/Avatar/Avatar.jsx');
     });
 
     describe('when user fix content syntax error', () => {