fix(react-query-devtools): support cjs in noop build (TanStack#3884)

* fix(react-query-devtools): support cjs in noop build * fix: typo
hinfai0 · Jul 20, 2022 · 7eebeb0 · 7eebeb0
1 parent 77e069a
commit 7eebeb0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -15,7 +15,6 @@
     "test:jest:dev": "jest --config ./jest.config.ts --watch",
     "test:size": "npm run build && bundlewatch",
     "build": "rollup --config rollup.config.js && npm run typecheck",
-    "postbuild": "cp ./packages/react-query-devtools/src/noop.ts ./packages/react-query-devtools/build/esm/noop.js",
     "typecheck": "tsc -b",
     "watch": "concurrently --kill-others \"rollup --config rollup.config.js -w\" \"npm run typecheck -- --watch\" \"npm run test\"",
     "linkAll": "lerna exec 'npm run link' --parallel",

diff --git a/packages/react-query-devtools/package.json b/packages/react-query-devtools/package.json
@@ -20,9 +20,13 @@
   ],
   "exports": {
     "development": {
+      "require": "./build/cjs/packages/react-query-devtools/src/index.js",
       "default": "./build/esm/index.js"
     },
-    "default": "./build/esm/noop.js"
+    "default": {
+      "require": "./build/cjs/packages/react-query-devtools/src/noop.js",
+      "default": "./build/esm/noop.js"
+    }
   },
   "scripts": {
     "test:eslint": "../../node_modules/.bin/eslint --ext .ts,.tsx ./src",

diff --git a/rollup.config.ts b/rollup.config.ts
@@ -86,6 +86,17 @@ export default function rollup(options: RollupOptions): RollupOptions[] {
         '@tanstack/react-query': 'ReactQuery',
       },
     }),
+    ...buildConfigs({
+      name: 'react-query-devtools-noop',
+      packageDir: 'packages/react-query-devtools',
+      jsName: 'ReactQueryDevtools',
+      outputFile: 'react-query-devtools',
+      entryFile: 'src/noop.ts',
+      globals: {
+        react: 'React',
+        '@tanstack/react-query': 'ReactQuery',
+      },
+    }),
     ...buildConfigs({
       name: 'react-query-persist-client',
       packageDir: 'packages/react-query-persist-client',