1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
import { defineConfig } from "vite"
import solidPlugin from "vite-plugin-solid"
import pages from "vite-plugin-pages"
import fs from "fs"
import path from "path"
import { generateHydrationScript, getAssets } from "solid-js/web"
export default defineConfig({
plugins: [
pages({
exclude: ["**/~*", "**/components/*"],
}),
solidPlugin({ ssr: true }),
{
name: "vite-plugin-solid-ssr-render",
apply: (config, env) => {
return env.command === "build" && !config.build?.ssr
},
closeBundle: async () => {
console.log("Pre-rendering pages...")
const dist = path.resolve("dist")
try {
const serverEntryPath = path.join(dist, "server/entry-server.js")
const serverEntry = await import(serverEntryPath + "?t=" + Date.now())
const template = fs.readFileSync(
path.join(dist, "client/index.html"),
"utf-8",
)
fs.writeFileSync(path.join(dist, "client/fallback.html"), template)
const routes = ["/"]
for (const route of routes) {
const { app } = await serverEntry.render({ url: route })
const html = template
.replace("<!--ssr-outlet-->", app)
.replace("<!--ssr-head-->", generateHydrationScript())
.replace("<!--ssr-assets-->", getAssets())
const filePath = path.join(
dist,
`client${route === "/" ? "/index" : route}.html`,
)
fs.mkdirSync(path.dirname(filePath), {
recursive: true,
})
fs.writeFileSync(filePath, html)
console.log(`Pre-rendered: ${filePath}`)
}
} catch (error) {
console.error("Error during pre-rendering:", error)
}
},
},
],
server: {
port: 3000,
host: "0.0.0.0",
},
build: {
target: "esnext",
},
})
|
