Split demo and dist builds

Author: pfumagalli

package.json

@@ -11,10 +11,8 @@
   },
   "scripts": {
     "build": "npm run check && vite build",
-    "build-demo": "npm run check && vite build --mode=demo",
+    "build-demo": "npm run check && vite build -c vite.config.demo.ts",
     "check": "vue-tsc --build --force && vitest run --coverage && eslint",
-    "deploy-dev": "wrangler deploy",
-    "deploy-prod": "wrangler deploy --env=production",
     "dev": "vite",
     "test": "vitest"
   },

vite.config.demo.ts

@@ -0,0 +1,14 @@
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+import svg from 'vite-svg-loader'
+
+export default defineConfig({
+  base: process.env.VITE_BASE_URL,
+  plugins: [ vue(), svg() ],
+  build: {
+    minify: true,
+    sourcemap: true,
+    outDir: 'demo',
+    copyPublicDir: true,
+  },
+})

vite.config.ts

@@ -3,54 +3,46 @@ import dts from 'vite-plugin-dts'
 import svg from 'vite-svg-loader'
 import { defineConfig } from 'vitest/config'
 
-export default defineConfig((env) => {
-  const demo = env.mode === 'demo'
+export default defineConfig({
+  plugins: [ vue(), svg(), dts({
+    tsconfigPath: './tsconfig.app.json',
+    rollupTypes: true,
+  }) ],
 
-  const plugins = [ vue(), svg() ]
-  if (! demo) {
-    plugins.push(dts({
-      tsconfigPath: './tsconfig.app.json',
-      rollupTypes: ! demo,
-    }))
-  }
-
-  return defineConfig({
-    base: demo ? process.env.VITE_BASE_URL : undefined,
-    plugins,
-    build: {
-      minify: true,
-      sourcemap: true,
-      outDir: demo ? 'demo' : 'dist',
-      copyPublicDir: demo,
-      lib: demo ? undefined :{
-        formats: [ 'es' ],
-        entry: 'lib/index.ts',
-        name: 'JuitTinyEdit',
-        fileName: 'index',
-      },
-      rollupOptions: {
-        external: [ 'vue' ],
-        output: {
-          globals: { vue: 'Vue' },
-        },
-      },
+  build: {
+    minify: true,
+    sourcemap: true,
+    outDir: 'dist',
+    copyPublicDir: false,
+    lib: {
+      formats: [ 'es' ],
+      entry: 'lib/index.ts',
+      name: 'JuitTinyEdit',
+      fileName: 'index',
     },
-    test: {
-      globals: true,
-      environment: 'jsdom',
-      include: [ 'test/**/*.test.ts' ],
-      coverage: {
-        provider: 'v8',
-        reporter: [ 'text', 'html' ],
-        reportsDirectory: 'coverage',
-        cleanOnRerun: true,
-        include: [ 'lib' ],
-        exclude: [
-          'lib/**/*.test.ts',
-          'lib/editor.vue', // we always get 100% coverage???
-        ],
-        reportOnFailure: true,
+    rollupOptions: {
+      external: [ 'vue' ],
+      output: {
+        globals: { vue: 'Vue' },
       },
     },
-  })
+  },
+
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    include: [ 'test/**/*.test.ts' ],
+    coverage: {
+      provider: 'v8',
+      reporter: [ 'text', 'html' ],
+      reportsDirectory: 'coverage',
+      cleanOnRerun: true,
+      include: [ 'lib' ],
+      exclude: [
+        'lib/**/*.test.ts',
+        'lib/editor.vue', // we always get 100% coverage???
+      ],
+      reportOnFailure: true,
+    },
+  },
 })