Set up a monorepo with Lerna

Author: fson

.eslintrc.js

@@ -1,4 +1,4 @@
-const clientESLintConfig = require('./config/eslint');
+const clientESLintConfig = require('./packages/react-scripts/config/eslint');
 
 module.exports = Object.assign({}, clientESLintConfig, {
   env: Object.assign({}, clientESLintConfig.env, {

.gitignore

@@ -4,3 +4,5 @@ build
 *.tgz
 my-app*
 template/src/__tests__/__snapshots__/
+lerna-debug.log
+npm-debug.log

.travis.yml

@@ -5,6 +5,7 @@ node_js:
   - 6
 cache:
   directories:
-  - global-cli/node_modules
   - node_modules
+  - packages/create-react-app/node_modules
+  - packages/react-scripts/node_modules
 script: tasks/e2e.sh

CONTRIBUTING.md

@@ -0,0 +1,4 @@
+{
+  "lerna": "2.0.0-beta.28",
+  "version": "independent"
+}

lerna.json

@@ -1,89 +1,20 @@
 {
-  "name": "react-scripts",
-  "version": "0.4.3",
-  "description": "Configuration and scripts for Create React App.",
-  "repository": "facebookincubator/create-react-app",
-  "license": "BSD-3-Clause",
-  "engines": {
-    "node": ">=4"
-  },
-  "bugs": {
-    "url": "https://github.com/facebookincubator/create-react-app/issues"
-  },
+  "private": true,
   "scripts": {
-    "build": "node scripts/build.js",
+    "build": "node packages/react-scripts/scripts/build.js",
     "create-react-app": "tasks/cra.sh",
     "e2e": "tasks/e2e.sh",
-    "start": "node scripts/start.js",
-    "test": "node scripts/test.js --env=jsdom"
+    "postinstall": "lerna bootstrap",
+    "publish": "tasks/release.sh",
+    "start": "node packages/react-scripts/scripts/start.js",
+    "test": "node packages/react-scripts/scripts/test.js --env=jsdom"
   },
-  "files": [
-    "PATENTS",
-    "bin",
-    "config",
-    "scripts",
-    "template"
-  ],
-  "bin": {
-    "react-scripts": "./bin/react-scripts.js"
-  },
-  "dependencies": {
-    "autoprefixer": "6.4.1",
-    "babel-core": "6.14.0",
-    "babel-eslint": "6.1.2",
-    "babel-jest": "15.0.0",
-    "babel-loader": "6.2.5",
-    "babel-plugin-transform-class-properties": "6.11.5",
-    "babel-plugin-transform-object-rest-spread": "6.8.0",
-    "babel-plugin-transform-react-constant-elements": "6.9.1",
-    "babel-plugin-transform-regenerator": "6.14.0",
-    "babel-plugin-transform-runtime": "6.15.0",
-    "babel-preset-latest": "6.14.0",
-    "babel-preset-react": "6.11.1",
-    "babel-runtime": "6.11.6",
-    "case-sensitive-paths-webpack-plugin": "1.1.4",
-    "chalk": "1.1.3",
-    "connect-history-api-fallback": "1.3.0",
-    "cross-spawn": "4.0.0",
-    "css-loader": "0.24.0",
-    "detect-port": "1.0.0",
+  "devDependencies": {
     "eslint": "3.5.0",
-    "eslint-loader": "1.5.0",
     "eslint-plugin-flowtype": "2.18.1",
     "eslint-plugin-import": "1.12.0",
     "eslint-plugin-jsx-a11y": "2.2.2",
     "eslint-plugin-react": "5.2.2",
-    "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",
-    "html-webpack-plugin": "2.22.0",
-    "http-proxy-middleware": "0.17.1",
-    "jest": "15.1.1",
-    "json-loader": "0.5.4",
-    "object-assign": "4.1.0",
-    "opn": "4.0.2",
-    "path-exists": "3.0.0",
-    "postcss-loader": "0.13.0",
-    "promise": "7.1.1",
-    "recursive-readdir": "2.0.0",
-    "rimraf": "2.5.4",
-    "strip-ansi": "3.0.1",
-    "style-loader": "0.13.1",
-    "url-loader": "0.5.7",
-    "webpack": "1.13.2",
-    "webpack-dev-server": "1.16.1",
-    "whatwg-fetch": "1.0.0"
-  },
-  "devDependencies": {
-    "bundle-deps": "1.0.0",
-    "react": "^15.3.0",
-    "react-dom": "^15.3.0"
-  },
-  "optionalDependencies": {
-    "fsevents": "1.0.14"
+    "lerna": "2.0.0-beta.28"
   }
 }

package.json

@@ -70,7 +70,7 @@ module.exports = {
 
 // @remove-on-publish-begin
 module.exports = {
-  appBuild: resolveOwn('../build'),
+  appBuild: resolveOwn('../../../build'),
   appHtml: resolveOwn('../template/index.html'),
   appIndexJs: resolveOwn('../template/src/index.js'),
   appPackageJson: resolveOwn('../package.json'),

global-cli/index.js packages/create-react-app/index.js

@@ -0,0 +1,81 @@
+{
+  "name": "react-scripts",
+  "version": "0.4.3",
+  "description": "Configuration and scripts for Create React App.",
+  "repository": "facebookincubator/create-react-app",
+  "license": "BSD-3-Clause",
+  "engines": {
+    "node": ">=4"
+  },
+  "bugs": {
+    "url": "https://github.com/facebookincubator/create-react-app/issues"
+  },
+  "files": [
+    "bin",
+    "config",
+    "scripts",
+    "template"
+  ],
+  "bin": {
+    "react-scripts": "./bin/react-scripts.js"
+  },
+  "dependencies": {
+    "autoprefixer": "6.4.1",
+    "babel-core": "6.14.0",
+    "babel-eslint": "6.1.2",
+    "babel-jest": "15.0.0",
+    "babel-loader": "6.2.5",
+    "babel-plugin-transform-class-properties": "6.11.5",
+    "babel-plugin-transform-object-rest-spread": "6.8.0",
+    "babel-plugin-transform-react-constant-elements": "6.9.1",
+    "babel-plugin-transform-regenerator": "6.14.0",
+    "babel-plugin-transform-runtime": "6.15.0",
+    "babel-preset-latest": "6.14.0",
+    "babel-preset-react": "6.11.1",
+    "babel-runtime": "6.11.6",
+    "case-sensitive-paths-webpack-plugin": "1.1.4",
+    "chalk": "1.1.3",
+    "connect-history-api-fallback": "1.3.0",
+    "cross-spawn": "4.0.0",
+    "css-loader": "0.24.0",
+    "detect-port": "1.0.0",
+    "eslint": "3.5.0",
+    "eslint-loader": "1.5.0",
+    "eslint-plugin-flowtype": "2.18.1",
+    "eslint-plugin-import": "1.12.0",
+    "eslint-plugin-jsx-a11y": "2.2.2",
+    "eslint-plugin-react": "5.2.2",
+    "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",
+    "html-webpack-plugin": "2.22.0",
+    "http-proxy-middleware": "0.17.1",
+    "jest": "15.1.1",
+    "json-loader": "0.5.4",
+    "object-assign": "4.1.0",
+    "opn": "4.0.2",
+    "path-exists": "3.0.0",
+    "postcss-loader": "0.13.0",
+    "promise": "7.1.1",
+    "recursive-readdir": "2.0.0",
+    "rimraf": "2.5.4",
+    "strip-ansi": "3.0.1",
+    "style-loader": "0.13.1",
+    "url-loader": "0.5.7",
+    "webpack": "1.13.2",
+    "webpack-dev-server": "1.16.1",
+    "whatwg-fetch": "1.0.0"
+  },
+  "devDependencies": {
+    "bundle-deps": "1.0.0",
+    "react": "^15.3.0",
+    "react-dom": "^15.3.0"
+  },
+  "optionalDependencies": {
+    "fsevents": "1.0.14"
+  }
+}

global-cli/package.json packages/create-react-app/package.json

@@ -85,7 +85,7 @@ scripts_path=$clean_path/`npm pack`
 
 # Go back to the root directory and run the command from here
 cd $root_path
-node global-cli/index.js --scripts-version=$scripts_path "$@"
+node packages/create-react-app/index.js --scripts-version=$scripts_path "$@"
 
 # Cleanup
 cleanup

bin/react-scripts.js packages/react-scripts/bin/react-scripts.js

@@ -18,7 +18,7 @@ function cleanup {
   echo 'Cleaning up.'
   cd $root_path
   # Uncomment when snapshot testing is enabled by default:
-  # rm ./template/src/__snapshots__/App.test.js.snap
+  # rm ./packages/react-scripts/template/src/__snapshots__/App.test.js.snap
   rm -rf $temp_cli_path $temp_app_path $clean_path
 }
 
@@ -85,8 +85,7 @@ npm start -- --smoke-test
 # ******************************************************************************
 
 # Pack CLI (it doesn't need cleaning)
-cd global-cli
-npm install
+cd packages/create-react-app
 cli_path=$PWD/`npm pack`
 
 # Packing react-scripts takes more work because we want to clean it up first.

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

@@ -46,7 +46,7 @@ clean_path=`mktemp -d 2>/dev/null || mktemp -d -t 'clean_path'`
 # Copy some of the project files to the temporary folder.
 # Exclude folders that definitely won’t be part of the package from processing.
 # We will strip the dev-only code there, and publish from it.
-rsync -av --exclude='.git' --exclude=$clean_path\
+rsync -av --exclude=$clean_path\
   --exclude='node_modules' --exclude='build'\
   './' $clean_path  >/dev/null
 cd $clean_path
@@ -64,6 +64,7 @@ rm -rf ~/.npm
 npm cache clear
 npm install
 
+cd packages/react-scripts
 # Force dedupe
 npm dedupe
 
@@ -72,10 +73,12 @@ npm dedupe
 rm -rf node_modules/fsevents
 
 # This modifies $clean_path/package.json to copy all dependencies to bundledDependencies
-node $root_path/node_modules/.bin/bundle-deps
+node ./node_modules/.bin/bundle-deps
+
+cd $clean_path
 
 # Go!
-npm publish "$@"
+./node_modules/.bin/lerna publish --independent "$@"
 
 # cleanup
 cd ..