separate dev config and prod config, cleanup code on eject, ship prod config only on release and dev-pack

Author: Jiansen

config/index.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+module.exports = function(name, stage) {
+  if(stage){
+    return require('./'+name+'.'+stage);
+  }
+
+  var isInCreateReactAppSource = (
+    process.argv.some(arg => arg.indexOf('--debug-template') > -1)
+  );
+  if (isInCreateReactAppSource) {
+    return require('./'+name+'.dev');
+  }else {
+    return require('./'+name+'.prod');
+  }
+}

config/index.prod.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ module.exports = function(name) {
+   return require('./'+name+'.prod');
+ }

config/paths.dev.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+var path = require('path');
+
+function resolve(relativePath) {
+  return path.resolve(__dirname, relativePath);
+}
+
+// create-react-app development: we're in ./config/
+module.exports = {
+  appBuild: resolve('../build'),
+  appHtml: resolve('../template/index.html'),
+  appFavicon: resolve('../template/favicon.ico'),
+  appPackageJson: resolve('../package.json'),
+  appSrc: resolve('../template/src'),
+  appNodeModules: resolve('../node_modules'),
+  ownNodeModules: resolve('../node_modules')
+};

config/paths.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+var path = require('path');
+
+function resolve(relativePath) {
+  return path.resolve(__dirname, relativePath);
+}
+
+module.exports = {
+  appBuild: resolve('../build'),
+  appHtml: resolve('../index.html'),
+  appFavicon: resolve('../favicon.ico'),
+  appPackageJson: resolve('../package.json'),
+  appSrc: resolve('../src'),
+  appNodeModules: resolve('../node_modules'),
+  ownNodeModules: resolve('../node_modules')
+};
+
+// Dead code on eject: start
+// before eject: we're in ./node_modules/react-scripts/config/
+module.exports = {
+  appBuild: resolve('../../../build'),
+  appHtml: resolve('../../../index.html'),
+  appFavicon: resolve('../../../favicon.ico'),
+  appPackageJson: resolve('../../../package.json'),
+  appSrc: resolve('../../../src'),
+  appNodeModules: resolve('../..'),
+  // this is empty with npm3 but node resolution searches higher anyway:
+  ownNodeModules: resolve('../node_modules')
+};
+// Dead code on eject: end

config/paths.prod.js

@@ -11,7 +11,7 @@ var path = require('path');
 var autoprefixer = require('autoprefixer');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
-var paths = require('./paths');
+var paths = require('./')('paths');
 
 module.exports = {
   devtool: 'eval',
@@ -48,7 +48,7 @@ module.exports = {
         test: /\.js$/,
         include: paths.appSrc,
         loader: 'babel',
-        query: require('./babel.dev')
+        query: require('./')('babel')
       },
       {
         test: /\.css$/,

config/webpack.config.dev.js

@@ -13,7 +13,7 @@ var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var url = require('url');
-var paths = require('./paths');
+var paths = require('./')('paths');
 
 var homepagePath = require(paths.appPackageJson).homepage;
 var publicPath = homepagePath ? url.parse(homepagePath).pathname : '/';
@@ -55,7 +55,7 @@ module.exports = {
         test: /\.js$/,
         include: paths.appSrc,
         loader: 'babel',
-        query: require('./babel.prod')
+        query: require('./')('babel')
       },
       {
         test: /\.css$/,

config/webpack.config.prod.js

@@ -50,7 +50,7 @@ var argv = require('minimist')(process.argv.slice(2));
  *     Example of valid values:
  *     - a specific npm version: "0.22.0-rc1"
  *     - a .tgz archive from any npm repo: "https://registry.npmjs.org/react-scripts/-/react-scripts-0.20.0.tgz"
- *     - a package prepared with `npm pack`: "/Users/home/vjeux/create-react-app/react-scripts-0.22.0.tgz"
+ *     - a package prepared with `tasks/pack.sh`: "/Users/home/vjeux/create-react-app/react-scripts-0.22.0.tgz"
  */
 var commands = argv._;
 if (commands.length === 0) {

global-cli/index.js

@@ -13,14 +13,19 @@
   "scripts": {
     "start": "node scripts/start.js --debug-template",
     "build": "node scripts/build.js --debug-template",
-    "create-react-app": "node global-cli/index.js --scripts-version \"$PWD/`npm pack`\"",
+    "create-react-app": "node global-cli/index.js --scripts-version \"$PWD/`tasks/pack.sh`\"",
     "test": "tasks/e2e.sh"
   },
   "files": [
     "LICENSE",
     "PATENTS",
     "bin",
-    "config",
+    "config/flow",
+    "config/*.prod.js",
+    "!config/index.prod.js",
+    "config/eslint.js",
+    "config/index.js",
+    "config/polyfills.js",
     "scripts",
     "template"
   ],

package.json

@@ -14,8 +14,8 @@ var filesize = require('filesize');
 var gzipSize = require('gzip-size');
 var rimrafSync = require('rimraf').sync;
 var webpack = require('webpack');
-var config = require('../config/webpack.config.prod');
-var paths = require('../config/paths');
+var config = require('../config')('webpack.config', 'prod');
+var paths = require('../config')('paths');
 
 // Remove all content but keep the directory so that
 // if you're in it, you don't end up in Trash