mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Alex Hunt
cd8f5d176a
Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/38718 > NOTE: Replaces https://github.com/facebook/react-native/pull/38240 ## Context RFC: Decoupling Flipper from React Native core: https://github.com/react-native-community/discussions-and-proposals/pull/641 ## Changes To support incoming new React Native packages around debugging (including migrating over [`react-native-community/cli-plugin-metro`](https://github.com/react-native-community/cli/tree/main/packages/cli-plugin-metro)) — which target Node.js and require a build step, this PR adds a minimal shared build setup across the `react-native` monorepo. The setup is closely inspired/based on the build scripts in Jest, Metro, and React Native CLI — and is a simple set of script wrappers around Babel. These are available as build commands at the root of the repo: - `yarn build` — Builds all configured packages. Functionally, this: - Outputs a `dist/` directory with built files. - Rewrites package.json `"exports"` to update every `./src/*` reference to `./dist/*` (source of truth). - `scripts/build/babel-register.js` — Allows running all Node.js entry points from source, similar to the current setup in [facebook/metro](https://github.com/facebook/metro). (Example entry point file in this PR: `packages/dev-middleware/src/index.js`) Build configuration (i.e. Babel config) is shared as a set standard across the monorepo, and **packages are opted-in to requiring a build**, configured in `scripts/build.config.js`. ``` const buildConfig /*: BuildConfig */ = { // The packages to include for build and their build options packages: { 'dev-middleware': {target: 'node'}, }, }; ``` For now, there is a single `target: 'node'` option — this is necessary as `react-native`, unlike the above other projects, is a repository with packages targeting several runtimes. We may, in future, introduce a build step for other, non-Node, packages — which may be useful for things such as auto-generated TypeScript definitions. {F1043312771} **Differences from the Metro setup** - References (and compiles out) repo-local `scripts/build/babel-register.js` — removing need for an npm-published dependency. ## Current integration points - **CircleCI** — `yarn build` is added to the `build_npm_package` and `find_and_publish_bumped_packages` jobs. **New Node.js package(s) are not load bearing quite yet**: There are not yet any built packages added to the dependencies of `packages/react-native/`, so this will be further tested in a later PR (and is actively being done in an internal commit stack). ### Alternative designs **Per-package config file** Replace `scripts/build/config.js` with a package-defined key in in `package.json`, similar to Jest's [`publishConfig`](https://github.com/jestjs/jest/blob/1f019afdcdfc54a6664908bb45f343db4e3d0848/packages/jest-cli/package.json#L87C3-L89C4). ``` "buildConfig": { "type": "node" }, ``` This would be the only customisation required, with a single Babel config still standardised. Another option this might receive in future is `enableTypeScriptCodgeen`. **Rollup** More sophisticated build tool for Node.js, used by the React codebase (albeit within a custom script setup as well). **Lerna and Nx** - Most sophisticated setup enabling caching and optimised cloud runs. - Probably the most likely thing we'll move towards at a later stage. Changelog: [Internal] Reviewed By: NickGerleman Differential Revision: D47760330 fbshipit-source-id: 38ec94708ce3d9946a197d80885781e9707c5841
102 lines
3.7 KiB
JSON
102 lines
3.7 KiB
JSON
{
|
|
"name": "@react-native/monorepo",
|
|
"private": true,
|
|
"version": "1000.0.0",
|
|
"description": "A framework for building native apps using React",
|
|
"license": "MIT",
|
|
"repository": "github:facebook/react-native",
|
|
"types": "types",
|
|
"jest-junit": {
|
|
"outputDirectory": "reports/junit",
|
|
"outputName": "js-test-results.xml"
|
|
},
|
|
"scripts": {
|
|
"start": "cd packages/rn-tester && npm run start",
|
|
"android": "cd packages/rn-tester && npm run android",
|
|
"build": "node ./scripts/build/build.js",
|
|
"clean": "node ./scripts/build/clean.js",
|
|
"test": "jest",
|
|
"test-ci": "jest --maxWorkers=2 --ci --reporters=\"default\" --reporters=\"jest-junit\"",
|
|
"flow": "flow",
|
|
"flow-check-ios": "flow check",
|
|
"flow-check-android": "flow check --flowconfig-name .flowconfig.android",
|
|
"lint": "eslint .",
|
|
"lint-ci": "./scripts/circleci/analyze_code.sh && yarn shellcheck",
|
|
"lint-java": "node ./scripts/lint-java.js",
|
|
"shellcheck": "./scripts/circleci/analyze_scripts.sh",
|
|
"clang-format": "clang-format -i --glob=*/**/*.{h,cpp,m,mm}",
|
|
"format": "npm run prettier && npm run clang-format",
|
|
"prettier": "prettier --write \"./**/*.{js,md,yml,ts,tsx}\"",
|
|
"format-check": "prettier --list-different \"./**/*.{js,md,yml,ts,tsx}\"",
|
|
"update-lock": "npx yarn-deduplicate",
|
|
"test-e2e-local": "node ./scripts/test-e2e-local.js",
|
|
"test-e2e-local-clean": "node ./scripts/test-e2e-local-clean.js",
|
|
"test-ios": "./scripts/objc-test.sh test",
|
|
"test-typescript": "dtslint packages/react-native/types",
|
|
"test-typescript-offline": "dtslint --localTs node_modules/typescript/lib packages/react-native/types",
|
|
"bump-all-updated-packages": "node ./scripts/monorepo/bump-all-updated-packages"
|
|
},
|
|
"workspaces": [
|
|
"packages/*"
|
|
],
|
|
"peerDependencies": {
|
|
"react": "18.2.0"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "^7.20.0",
|
|
"@babel/eslint-parser": "^7.20.0",
|
|
"@babel/generator": "^7.20.0",
|
|
"@babel/plugin-transform-regenerator": "^7.20.0",
|
|
"@babel/preset-env": "^7.20.0",
|
|
"@babel/preset-flow": "^7.20.0",
|
|
"@definitelytyped/dtslint": "^0.0.127",
|
|
"@jest/create-cache-key-function": "^29.2.1",
|
|
"@pkgjs/parseargs": "^0.11.0",
|
|
"@react-native/metro-babel-transformer": "^0.73.11",
|
|
"@react-native/metro-config": "^0.73.0",
|
|
"@types/react": "^18.0.18",
|
|
"@typescript-eslint/parser": "^5.57.1",
|
|
"async": "^3.2.2",
|
|
"babel-plugin-minify-dead-code-elimination": "^0.5.2",
|
|
"babel-plugin-transform-define": "^2.1.2",
|
|
"babel-plugin-transform-flow-enums": "^0.0.2",
|
|
"chalk": "^4.0.0",
|
|
"clang-format": "^1.8.0",
|
|
"connect": "^3.6.5",
|
|
"eslint": "^8.19.0",
|
|
"eslint-config-prettier": "^8.5.0",
|
|
"eslint-plugin-babel": "^5.3.1",
|
|
"eslint-plugin-eslint-comments": "^3.2.0",
|
|
"eslint-plugin-ft-flow": "^2.0.1",
|
|
"eslint-plugin-jest": "^26.5.3",
|
|
"eslint-plugin-jsx-a11y": "^6.6.0",
|
|
"eslint-plugin-lint": "^1.0.0",
|
|
"eslint-plugin-prettier": "^4.2.1",
|
|
"eslint-plugin-react": "^7.30.1",
|
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
"eslint-plugin-react-native": "^4.0.0",
|
|
"eslint-plugin-redundant-undefined": "^0.4.0",
|
|
"eslint-plugin-relay": "^1.8.3",
|
|
"flow-bin": "^0.213.1",
|
|
"glob": "^7.1.1",
|
|
"hermes-eslint": "0.15.0",
|
|
"inquirer": "^7.1.0",
|
|
"jest": "^29.2.1",
|
|
"jest-junit": "^10.0.0",
|
|
"jscodeshift": "^0.14.0",
|
|
"metro-babel-register": "0.77.0",
|
|
"metro-memory-fs": "0.77.0",
|
|
"micromatch": "^4.0.4",
|
|
"mkdirp": "^0.5.1",
|
|
"mock-fs": "^5.1.4",
|
|
"prettier": "2.8.8",
|
|
"prettier-plugin-hermes-parser": "0.14.0",
|
|
"react": "18.2.0",
|
|
"react-test-renderer": "18.2.0",
|
|
"shelljs": "^0.8.5",
|
|
"signedsource": "^1.0.0",
|
|
"typescript": "5.0.4",
|
|
"ws": "^6.2.2"
|
|
}
|
|
}
|