Babel 7 disabled code highlighting by default 😢 (facebook#3849)

Author: Timer

packages/react-scripts/config/webpack.config.dev.js

@@ -194,6 +194,7 @@ module.exports = {
  // It enables caching results in ./node_modules/.cache/babel-loader/
  // directory for faster rebuilds.
  cacheDirectory: true,
+ highlightCode: true,
  },
  },
  ],
@@ -215,6 +216,7 @@ module.exports = {
  require.resolve('babel-preset-react-app/dependencies'),
  ],
  cacheDirectory: true,
+ highlightCode: true,
  },
  },
  ],

packages/react-scripts/config/webpack.config.prod.js

@@ -199,6 +199,7 @@ module.exports = {
  presets: [require.resolve('babel-preset-react-app')],
  // @remove-on-eject-end
  compact: true,
+ highlightCode: true,
  },
  },
  ],
@@ -220,6 +221,7 @@ module.exports = {
  require.resolve('babel-preset-react-app/dependencies'),
  ],
  cacheDirectory: true,
+ highlightCode: true,
  },
  },
  ],