From 0c854d493e21c1823a513cfd9cc2ab28a29ca30b Mon Sep 17 00:00:00 2001
From: Joe Haddad <timer150@gmail.com>
Date: Fri, 5 May 2017 18:56:23 -0400
Subject: [PATCH] Add cache-loader to speed up builds

---
 .../config/webpack.config.prod.js             | 27 ++++++++++++++-----
 packages/react-scripts/package.json           |  1 +
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index f51617005b9..5b9b3175b7c 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -171,13 +171,26 @@ module.exports = {
       {
         test: /\.(js|jsx)$/,
         include: paths.appSrc,
-        loader: 'babel-loader',
-        // @remove-on-eject-begin
-        options: {
-          babelrc: false,
-          presets: [require.resolve('babel-preset-react-app')],
-        },
-        // @remove-on-eject-end
+        use: [
+          {
+            loader: 'cache-loader',
+            options: {
+              cacheDirectory: path.resolve(
+                paths.appNodeModules,
+                '.cache-loader'
+              ),
+            },
+          },
+          {
+            loader: 'babel-loader',
+            // @remove-on-eject-begin
+            options: {
+              babelrc: false,
+              presets: [require.resolve('babel-preset-react-app')],
+            },
+            // @remove-on-eject-end
+          },
+        ],
       },
       // The notation here is somewhat confusing.
       // "postcss" loader applies autoprefixer to our CSS.
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 6a5b1f8d739..d427178b5f3 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -28,6 +28,7 @@
     "babel-loader": "7.0.0",
     "babel-preset-react-app": "^2.1.1",
     "babel-runtime": "^6.20.0",
+    "cache-loader": "1.0.3",
     "case-sensitive-paths-webpack-plugin": "1.1.4",
     "chalk": "1.1.3",
     "connect-history-api-fallback": "1.3.0",