feat: es5+cjs, es6+esm, umd builds

Author: DamianOsipiuk

.gitignore

@@ -4,3 +4,5 @@ node_modules
 coverage
 dist
 lib
+esm
+umd

devtools/dev/package.json

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

devtools/index.js

@@ -6,7 +6,8 @@ if (process.env.NODE_ENV === "production") {
     VueQueryDevToolsPanel: function () {
       return null;
     },
+    VUE_QUERY_DEVTOOLS_THEME: "",
   };
 } else {
-  module.exports = require("../lib/devtools-bundle");
+  module.exports = require("./dev");
 }

package-lock.json

@@ -3,8 +3,13 @@
   "version": "1.0.0",
   "description": "Hooks for fetching, caching and updating asynchronous data in Vue",
   "main": "lib/index.js",
+  "module": "esm/index.js",
+  "unpkg": "umd/vue-query.min.js",
+  "types": "lib/index.d.ts",
   "files": [
     "/lib",
+    "/esm",
+    "/umd",
     "/devtools"
   ],
   "scripts": {
@@ -61,6 +66,7 @@
     "rollup": "^2.41.4",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^26.5.4",

package.json

@@ -1,43 +1,98 @@
 import resolve from "@rollup/plugin-node-resolve";
 import autoExternal from "rollup-plugin-auto-external";
 import postcss from "rollup-plugin-postcss";
+import { terser } from "rollup-plugin-terser";
 import typescript from "rollup-plugin-typescript2";
 import vue from "rollup-plugin-vue";
 
-const common = {
-  plugins: [
-    resolve(),
-    autoExternal(),
-    typescript(),
-    vue({
-      cssModulesOptions: {
-        generateScopedName: "[local]___[hash:base64:5]",
-      },
-    }),
-    postcss(),
-  ],
-  watch: {
-    include: "src/**",
-    exclude: ["node_modules/**", "tests"],
+const common = (typescriptOptions = {}, additionalPlugins = []) => {
+  return {
+    plugins: [
+      resolve(),
+      autoExternal(),
+      typescript(typescriptOptions),
+      vue(),
+      postcss(),
+      ...additionalPlugins,
+    ],
+    watch: {
+      include: "src/**",
+      exclude: ["node_modules/**", "tests"],
+    },
+  };
+};
+
+const es5Override = {
+  tsconfigOverride: {
+    compilerOptions: {
+      target: "es5",
+    },
   },
 };
+
+const noTypesOverride = {
+  tsconfigOverride: {
+    compilerOptions: {
+      declaration: false,
+    },
+  },
+};
+
 export default [
   {
     input: "src/index.ts",
     output: {
       dir: "lib",
+      format: "cjs",
+      sourcemap: true,
+    },
+    ...common(es5Override),
+  },
+  {
+    input: "src/devtools/index.ts",
+    output: {
+      file: "lib/devtools.js",
+      format: "cjs",
+      sourcemap: true,
+    },
+    ...common(es5Override),
+  },
+  {
+    input: "src/index.ts",
+    output: {
+      dir: "esm",
       format: "esm",
       sourcemap: true,
     },
-    ...common,
+    ...common(noTypesOverride),
+  },
+  {
+    input: "src/devtools/index.ts",
+    output: {
+      file: "esm/devtools.js",
+      format: "esm",
+      sourcemap: true,
+    },
+    ...common(noTypesOverride),
+  },
+  {
+    input: "src/index.ts",
+    output: {
+      name: "VueQuery",
+      file: "umd/vue-query.min.js",
+      format: "umd",
+      sourcemap: true,
+    },
+    ...common(noTypesOverride, [terser()]),
   },
   {
     input: "src/devtools/index.ts",
     output: {
-      file: "lib/devtools-bundle.js",
+      name: "VueQueryDevTools",
+      file: "umd/vue-query-devtools.min.js",
       format: "esm",
       sourcemap: true,
     },
-    ...common,
+    ...common(noTypesOverride, [terser()]),
   },
 ];