build fix

Author: vgribdev

package.json

@@ -13,7 +13,7 @@
     "url": "https://github.com/ChrisUser/react-usage-bar.git"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "rm -rf dist && rollup -c && tsc --emitDeclarationOnly",
     "lint": "standard",
     "format": "prettier-standard --format",
     "test": "jest --coverage",

rollup.config.js

@@ -1,69 +1,52 @@
-import dts from 'rollup-plugin-dts'
-import esbuild from 'rollup-plugin-esbuild'
-import typescript from "rollup-plugin-typescript2"
-import commonjs from "rollup-plugin-commonjs"
-import external from "rollup-plugin-peer-deps-external"
-import resolve from "rollup-plugin-node-resolve"
-import postcss from "rollup-plugin-postcss"
-import { terser } from "rollup-plugin-terser"
+import typescript from "rollup-plugin-typescript2";
+import commonjs from "rollup-plugin-commonjs";
+import external from "rollup-plugin-peer-deps-external";
+import resolve from "rollup-plugin-node-resolve";
+import postcss from "rollup-plugin-postcss";
+import { terser } from "rollup-plugin-terser";
 
-const name = require('./package.json').main.replace(/\.js$/, '')
+import pkg from "./package.json";
 
-const bundle = config => ({
-  ...config,
-  input: 'src/index.ts',
-  external: id => !/^[./]/.test(id),
-})
-
-export default [
-  bundle({
-    plugins: [esbuild()],
-    output: [
-      {
-        file: `${name}.js`,
-        format: 'cjs',
-        sourcemap: true,
-      },
-      {
-        file: `${name}.mjs`,
-        format: 'es',
-        sourcemap: true,
-      },
-    ],
-  }),
-  bundle({
-    plugins: [dts()],
-    output: {
-      file: `${name}.d.ts`,
-      format: 'es',
+export default {
+  input: "src/index.ts",
+  output: [
+    {
+      file: pkg.main,
+      format: "cjs",
+      exports: "named",
+      sourcemap: true,
     },
-  }),
-  bundle({
-    plugins: [,
-      resolve(),
-      postcss({
-        extensions: [".css"],
-        extract: true,
-      }),
-      external(),
-      typescript({
-        rollupCommonJSResolveHack: true,
-        exclude: ["**/__tests__/**", "**/*.stories.tsx"],
-        clean: true,
-      }),
-      terser(),
-      commonjs({
-        include: ["node_modules/**"],
-        namedExports: {
-          "node_modules/react/react.js": [
-            "Children",
-            "Component",
-            "PropTypes",
-            "createElement",
-          ],
-          "node_modules/react-dom/index.js": ["render"],
-        },
-      }),
-    ]
-  })
-]
+    {
+      file: pkg.module,
+      format: "es",
+      exports: "named",
+      sourcemap: true,
+    },
+  ],
+  plugins: [
+    resolve(),
+    postcss({
+      extensions: [".css"],
+      extract: true,
+    }),
+    external(),
+    typescript({
+      rollupCommonJSResolveHack: true,
+      exclude: ["**/__tests__/**", "**/*.stories.tsx"],
+      clean: true,
+    }),
+    terser(),
+    commonjs({
+      include: ["node_modules/**"],
+      namedExports: {
+        "node_modules/react/react.js": [
+          "Children",
+          "Component",
+          "PropTypes",
+          "createElement",
+        ],
+        "node_modules/react-dom/index.js": ["render"],
+      },
+    }),
+  ],
+};

tsconfig.json

@@ -1,7 +1,9 @@
 {
-	"include": ["src/**/*"],
-	"exclude": ["node_modules"],
-	"compilerOptions": {
-		"jsx": "react"
-	}
-}
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.stories.tsx"],
+  "compilerOptions": {
+    "jsx": "react",
+    "declaration": true,
+    "declarationDir": "./build"
+  }
+}