workflow: add build-preview command

Author: yyx990803

package.json

@@ -33,6 +33,7 @@
     "dev": "vite",
     "build": "vite build",
     "build-types": "vue-tsc -p tsconfig.build.json && api-extractor run -c api-extractor.json && node scripts/cleanup.js",
+    "build-preview": "vite build -c vite.preview.config.ts",
     "format": "prettier --write .",
     "release": "bumpp -r",
     "prepublishOnly": "npm run build && npm run build-types"

vite.config.ts

@@ -1,6 +1,5 @@
-import { defineConfig, Plugin } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import replace from '@rollup/plugin-replace'
+import { defineConfig, Plugin, UserConfig } from 'vite'
+import base from './vite.preview.config'
 
 const genStub: Plugin = {
   name: 'gen-stub',
@@ -15,7 +14,8 @@ const genStub: Plugin = {
 }
 
 export default defineConfig({
-  plugins: [vue(), genStub],
+  ...base,
+  plugins: [...(base as UserConfig).plugins! , genStub],
   optimizeDeps: {
     // avoid late discovered deps
     include: [
@@ -28,22 +28,6 @@ export default defineConfig({
       'vue/server-renderer',
     ],
   },
-  resolve: {
-    alias: {
-      path: 'path-browserify',
-    },
-  },
-  worker: {
-    format: 'es',
-    plugins: [
-      replace({
-        preventAssignment: true,
-        values: {
-          'process.env.NODE_ENV': JSON.stringify('production'),
-        },
-      }),
-    ],
-  },
   base: './',
   build: {
     target: 'esnext',

vite.preview.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import replace from '@rollup/plugin-replace'
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      path: 'path-browserify',
+    },
+  },
+  worker: {
+    format: 'es',
+    plugins: [
+      replace({
+        preventAssignment: true,
+        values: {
+          'process.env.NODE_ENV': JSON.stringify('production'),
+        },
+      }),
+    ],
+  },
+})