chore: bundle doc assets

egoist · Mar 31, 2021 · 1fc24e2 · 1fc24e2 · vercel · Mar 31, 2021
1 parent 4c40483
commit 1fc24e2
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
@@ -3,6 +3,7 @@ import path from 'path'
 import { UserConfig } from 'vite'
 import prefresh from '@prefresh/vite'
 import windicss from 'vite-plugin-windicss'
+import { bundleDocsPlugin } from '../scripts/bundle-docs'
 
 const pkg = require('../package.json')
 
@@ -42,6 +43,7 @@ const config: UserConfig = {
         dirs: [path.resolve('src')],
       },
     }),
+    bundleDocsPlugin,
   ],
 }
 

diff --git a/scripts/bundle-docs.ts b/scripts/bundle-docs.ts
@@ -0,0 +1,31 @@
+// ensure everything results in a single js file
+import fs from 'fs'
+import { build } from 'esbuild'
+import { Plugin } from 'vite'
+
+export const bundleDocsPlugin: Plugin = {
+  name: 'bundle-docs',
+
+  async writeBundle() {
+    const file = fs
+      .readdirSync('./docs/dist/assets')
+      .filter((file) => file.endsWith('.js') && /^index\./.test(file))
+    await build({
+      entryPoints: [`./docs/dist/assets/${file}`],
+      bundle: true,
+      format: 'esm',
+      outdir: './docs/dist',
+      minify: true,
+      platform: 'browser',
+    })
+
+    const html = fs
+      .readFileSync('./docs/dist/index.html', 'utf8')
+      .replace(
+        /<script type=\"module\" crossorigin src="[^"]+"><\/script\>/,
+        `<script type="module" crossorigin src="/${file}"></script>`
+      )
+      .replace(/<link rel="modulepreload" href="[^"]+">/, '')
+    fs.writeFileSync('./docs/dist/index.html', html, 'utf8')
+  },
+}