Avoid tons of *.json.gzip-files created in project root when running with docker node (#620)

* Specify cache directory for babel loader

* Use `react-scripts` for folder name instead

Author: thangngoc89

config/babel.dev.js

@@ -10,13 +10,15 @@
 // @remove-on-eject-end
 
 var path = require('path');
+var findCacheDir = require('find-cache-dir');
 
 module.exports = {
   // Don't try to find .babelrc because we want to force this configuration.
   babelrc: false,
   // This is a feature of `babel-loader` for webpack (not Babel itself).
-  // It enables caching results in OS temporary directory for faster rebuilds.
-  cacheDirectory: true,
+  // It enables caching results in ./node_modules/.cache/react-scripts/
+  // directory for faster rebuilds.
+  cacheDirectory: findCacheDir({ name: 'react-scripts' }),
   presets: [
     // Latest stable ECMAScript features
     require.resolve('babel-preset-latest'),

package.json

@@ -56,6 +56,7 @@
     "extract-text-webpack-plugin": "1.0.1",
     "file-loader": "0.9.0",
     "filesize": "3.3.0",
+    "find-cache-dir": "^0.1.1",
     "fs-extra": "0.30.0",
     "gzip-size": "3.0.0",
     "html-loader": "0.4.3",