feat: velite plugins

Author: zce

next.config.mjs

@@ -1,29 +1,27 @@
 import "./env.mjs"
-// import { build } from "velite"
+import { build } from "velite"
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   images: {
     domains: ["avatars.githubusercontent.com"],
   },
   webpack: config => {
-    // config.plugins.push(new VeliteWebpackPlugin())
+    config.plugins.push(new VeliteWebpackPlugin())
     return config
   }
 }
 
-// class VeliteWebpackPlugin {
-//   static started = false
-//   apply(/** @type {import('webpack').Compiler} */ compiler) {
-//     // executed three times in nextjs
-//     // twice for the server (nodejs / edge runtime) and once for the client
-//     compiler.hooks.beforeCompile.tapPromise('VeliteWebpackPlugin', async () => {
-//       if (VeliteWebpackPlugin.started) return
-//       VeliteWebpackPlugin.started = true
-//       const dev = compiler.options.mode === 'development'
-//       await build({ watch: dev, clean: !dev })
-//     })
-//   }
-// }
+class VeliteWebpackPlugin {
+  static started = false
+  apply(compiler) {
+    compiler.hooks.beforeCompile.tapPromise('VeliteWebpackPlugin', async () => {
+      if (VeliteWebpackPlugin.started) return
+      VeliteWebpackPlugin.started = true
+      const dev = compiler.options.mode === 'development'
+      await build({ watch: dev, clean: !dev })
+    })
+  }
+}
 
 export default nextConfig

package.json

@@ -8,7 +8,7 @@
   },
   "scripts": {
     "dev": "next dev",
-    "build": "velite && next build",
+    "build": "next build",
     "turbo": "next dev --turbo",
     "start": "next start",
     "lint": "next lint",