Convert WebpackDevServerUtils.createCompiler to take in options arg

Author: ianschmitz

packages/react-dev-utils/WebpackDevServerUtils.js

@@ -101,15 +101,15 @@ function printInstructions(appName, urls, useYarn) {
   console.log();
 }
 
-function createCompiler(
-  webpack,
-  config,
+function createCompiler({
   appName,
+  config,
+  devSocket,
   urls,
   useYarn,
   useTypeScript,
-  devSocket
-) {
+  webpack,
+}) {
   // "Compiler" is a low-level interface to Webpack.
   // It lets us listen to some events and provide our own custom messages.
   let compiler;

packages/react-scripts/scripts/start.js

@@ -103,15 +103,15 @@ checkBrowsers(paths.appPath, isInteractive)
         devServer.sockWrite(devServer.sockets, 'errors', errors),
     };
     // Create a webpack compiler that is configured with custom messages.
-    const compiler = createCompiler(
-      webpack,
-      config,
+    const compiler = createCompiler({
       appName,
+      config,
+      devSocket,
       urls,
       useYarn,
       useTypeScript,
-      devSocket
-    );
+      webpack,
+    });
     // Load proxy config
     const proxySetting = require(paths.appPackageJson).proxy;
     const proxyConfig = prepareProxy(proxySetting, paths.appPublic);