feat: auto treeshake devtools on prod

Author: DamianOsipiuk

devtools/index.js

@@ -0,0 +1,12 @@
+if (process.env.NODE_ENV === "production") {
+  module.exports = {
+    VueQueryDevTools: function () {
+      return null;
+    },
+    VueQueryDevToolsPanel: function () {
+      return null;
+    },
+  };
+} else {
+  module.exports = require("../lib/devtools-bundle");
+}

devtools/package.json

@@ -0,0 +1,6 @@
+{
+  "internal": true,
+  "main": "/index.js",
+  "module": "/index.js",
+  "types": "../lib/devtools/index.d.ts"
+}

package.json

@@ -4,7 +4,8 @@
   "description": "Vue bindings for react-query",
   "main": "lib/index.js",
   "files": [
-    "/lib"
+    "/lib",
+    "/devtools"
   ],
   "scripts": {
     "build": "rollup -c rollup.config.ts",

rollup.config.ts

@@ -3,6 +3,7 @@ import autoExternal from "rollup-plugin-auto-external";
 import postcss from "rollup-plugin-postcss";
 import typescript from "rollup-plugin-typescript2";
 import vue from "rollup-plugin-vue";
+
 const common = {
   plugins: [
     resolve(),
@@ -19,26 +20,24 @@ const common = {
     include: "src/**",
     exclude: ["node_modules/**", "tests"],
   },
-}
+};
 export default [
   {
     input: "src/index.ts",
     output: {
       dir: "lib",
-      name: "VueQuery",
       format: "esm",
-      sourcemap: true
+      sourcemap: true,
     },
-    ...common
+    ...common,
   },
   {
     input: "src/devtools/index.ts",
     output: {
-      file: 'lib/devtools.js',
-      name: "VueQueryDevtools",
+      file: "lib/devtools-bundle.js",
       format: "esm",
-      sourcemap: true
+      sourcemap: true,
     },
-    ...common
-  }
+    ...common,
+  },
 ];