build: improve postbuild cleanup

Author: gabrieljablonski

esbuild.config.prod.mjs

@@ -45,44 +45,53 @@ const buildsConfig = [
   },
 ]
 
-const builds = buildsConfig.map(({ format, outfile, minify }) =>
-  esbuild.build({
-    entryPoints: ['./src/index.tsx'],
-    bundle: true,
-    outfile,
-    format,
-    treeShaking: true,
-    minify,
-    sourcemap: true,
-    external: ['react', 'react-dom', 'prop-types'],
-    plugins: [
-      cssModulesPlugin({
-        // inject: true,
-        v2: true,
-        v2CssModulesOption: {
-          pattern: `react-tooltip__[local]_[hash]`,
-        },
-      }),
-    ],
-  }),
+const builds = await Promise.all(
+  buildsConfig.map(({ format, outfile, minify }) =>
+    esbuild.build({
+      entryPoints: ['./src/index.tsx'],
+      bundle: true,
+      outfile,
+      format,
+      treeShaking: true,
+      minify,
+      sourcemap: true,
+      external: ['react', 'react-dom', 'prop-types'],
+      plugins: [
+        cssModulesPlugin({
+          // inject: true,
+          v2: true,
+          v2CssModulesOption: {
+            pattern: `react-tooltip__[local]_[hash]`,
+          },
+        }),
+      ],
+    }),
+  ),
 )
 
-await Promise.all(builds)
+const toDelete = new Set()
+builds.forEach((build) => {
+  const outputs = Object.keys(build.metafile.outputs)
+  outputs.forEach((output) => {
+    /**
+     * delete all redundant `.css` and `.css.map` files
+     * except the ones we actually want to keep
+     */
+    if (/react-tooltip\.css(\.map)?$/.test(output)) {
+      return
+    }
+    if (/\.css(\.map)?$/.test(output)) {
+      toDelete.add(output)
+    }
+  })
+})
 
-// Remove all unecessary or duplicated files from `dist` folder after build
-fs.unlink('./dist/react-tooltip.cjs.css', () => null) // generated by cjs build
-fs.unlink('./dist/react-tooltip.esm.css', () => null) // generated by esm build
-fs.unlink('./dist/react-tooltip.iife.css', () => null) // generated by iife build
-fs.unlink('./dist/react-tooltip.cjs.min.css', () => null) // generated by minified cjs build
-fs.unlink('./dist/react-tooltip.esm.min.css', () => null) // generated by minified esm build
-fs.unlink('./dist/react-tooltip.iife.min.css', () => null) // generated by minified iife build
-fs.unlink('./dist/react-tooltip.js', () => null) // generated by css build
-fs.unlink('./dist/react-tooltip.min.js', () => null) // generated by minified css build
-fs.unlink('./dist/react-tooltip.cjs.css.map', () => null) // generated by cjs build
-fs.unlink('./dist/react-tooltip.esm.css.map', () => null) // generated by esm build
-fs.unlink('./dist/react-tooltip.iife.css.map', () => null) // generated by iife build
-fs.unlink('./dist/react-tooltip.cjs.min.css.map', () => null) // generated by minified cjs build
-fs.unlink('./dist/react-tooltip.esm.min.css.map', () => null) // generated by minified esm build
-fs.unlink('./dist/react-tooltip.iife.min.css.map', () => null) // generated by minified iife build
-fs.unlink('./dist/react-tooltip.js.map', () => null) // generated by css build
-fs.unlink('./dist/react-tooltip.min.js.map', () => null) // generated by minified css build
+/**
+ * delete the extra build files from the CSS build
+ */
+toDelete.add('dist/react-tooltip.js')
+toDelete.add('dist/react-tooltip.js.map')
+
+toDelete.forEach((file) => {
+  fs.unlink(file, () => null)
+})