chore:(examples): update

Author: axiaoan

examples/README.md

@@ -7,17 +7,23 @@ cd vite-ssr-vue3
 
 # Install all project dependencies and build project
 pnpm install
-pnpm build
+pnpm b
 
 # Basic example
 pnpm basic:dev
 pnpm basic:build
 pnpm basic:serve
+pnpm basic:serve:bin
+
+pnpm basic:build:noexternal
 pnpm basic:preview
 
 # Vitesse lite and naive-ui
 pnpm vl-naive:dev
 pnpm vl-naive:build
 pnpm vl-naive:serve
+pnpm vl-naive:serve:bin
+
+pnpm vl-naive:build:noexternal
 pnpm vl-naive:preview
 ```

examples/basic/bin/www.js

@@ -1,5 +1,4 @@
-// Start server
-const { startServer } = require('vite-ssr-vue3/express')
+const { startExpressServer: startServer } = require('vite-ssr-vue3/server')
 const { createApp } = require('../dist/server/main.cjs')
 
 startServer({ createApp })

examples/basic/package.json

@@ -6,7 +6,9 @@
     "dev": "vite-ssr --port 3333",
     "build": "vite-ssr build",
     "serve": "vite-ssr --mode production",
-    "preview": "node ./bin/www"
+    "serve:bin": "node ./bin/www",
+    "build:noexternal": "vite-ssr build --config ./vite.config.noexternal.ts",
+    "preview": "node ./dist/server/server.cjs"
   },
   "dependencies": {
     "vue": "^3.2.25"

examples/basic/src/server.ts

@@ -0,0 +1,5 @@
+// Start server
+import { startExpressServer as startServer } from 'vite-ssr-vue3/server'
+import { createApp } from './main'
+
+startServer({ createApp, root: __dirname, outDir: '..' })

examples/basic/vite.config.noexternal.ts

@@ -0,0 +1,16 @@
+import config from './vite.config'
+/**
+ * @type {import('vite').UserConfig}
+ */
+module.exports = Object.assign(config, {
+  ssrOptions: {
+    serverConfig: {
+      build: {
+        ssr: './src/server',
+      },
+      ssr: {
+        noExternal: /./,
+      },
+    },
+  },
+})

examples/basic/vite.config.ts

@@ -1,8 +1,10 @@
+import type { UserConfig } from 'vite'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import Pages from 'vite-plugin-pages'
 
 // https://vitejs.dev/config/
+
 export default defineConfig({
   plugins: [vue(), Pages()],
-})
+} as UserConfig)

examples/vitesse-lite-naive-ui/bin/www.js

@@ -1,5 +1,4 @@
-// Start server
-const { startServer } = require('vite-ssr-vue3/express')
+const { startExpressServer: startServer } = require('vite-ssr-vue3/server')
 const { createApp } = require('../dist/server/main.cjs')
 
 startServer({ createApp })

examples/vitesse-lite-naive-ui/package.json

@@ -12,7 +12,9 @@
     "dev": "vite-ssr --port 3333",
     "build": "vite-ssr build",
     "serve": "vite-ssr --mode production",
-    "preview": "node ./bin/www",
+    "serve:bin": "node ./bin/www.js",
+    "build:noexternal": "vite-ssr build --config ./vite.config.noexternal.ts",
+    "preview": "node ./dist/server/server.cjs",
     "lint": "eslint .",
     "typecheck": "vue-tsc --noEmit",
     "test": "vitest"

examples/vitesse-lite-naive-ui/src/server.ts

@@ -0,0 +1,5 @@
+// Start server
+import { startExpressServer as startServer } from 'vite-ssr-vue3/server'
+import { createApp } from './main'
+
+startServer({ createApp, root: __dirname, outDir: '..' })

examples/vitesse-lite-naive-ui/tsconfig copy.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": [
+      "vite/client",
+      "vite-plugin-pages/client"
+    ]
+  }
+}