SSG 就足矣,你只需要把生成出来的 HTML 扔到任何页面托管网站上都可以直接提供访问,对 CDN 也足够友好,如果自己喜欢折腾也可以搞自己的服务器来部署,我自己就是使用 nginx 来部署 SSG 生成的静态页面作为 CDN 的回源
{ "scripts": { "dev": "vite", - "build": "vite build" + "build": "vite-ssg build" // 想使用另外的vite配置文件,不使用原本的vite.config.ts,把build的命令改成下面这样 + "build": "vite-ssg build -c another-vite.config.ts" } } src/router/index.ts(vue-router) 之后,需要修改在...
所以Vite-SSG 项目的main.js一般长这个样子: importAppfrom'./App.vue'import{ViteSSG}from'vite-ssg'importroutesfrom'~pages';importvuetifyfrom'./plugins/vuetify';exportconstcreateApp=ViteSSG(App,// vue-router options{routes,scrollBehavior:()=>({top:0})},// function to have custom setups({app...
静态站点生成 SSG: 在build的的时候就已经生成好静态页面,放在服务端的也是静态页面,博客,静态官网都非常合适 增量静态再生 ISR:ISR 是 SSG 的下一个改进,它定期构建和重新验证新页面,以便内容永远不会过时 显而易见,做个官网ssg就非常合适,正好相关插件vite-ssg也有,配合多页面插件vite-plugin-pages来尝试一下 2...
"dev": "vite",-"build": "vite build"+"build": "vite-ssg build"// OR if you want to use another vite config file+"build": "vite-ssg build -c another-vite.config.ts"} } // src/main.tsimport{ViteSSG}from'vite-ssg'importAppfrom'./App.vue'// `export const createApp` is requ...
我们用 vite-ssg 定义的ViteSSG来代替 Vue 默认的createApp,在导入路由时,我们使用了 import routes from '~pages'; 这是来自vite-plugin-pages插件的支持,你可以直接把一个文件夹下的 Vue 组件转化为对应的页面路由,只需要在vite.config.js中配置
github上找到了类似的issues,https://github.com/antfu-collective/vite-ssg/issues/417及https://github.com/antfu-collective/vite-ssg/issues/406,似乎都是在node中使用了dom,实在没解决头绪来请教万能的吧友。vite-ssg版本:0.24.1node版本:18.20.3npm版本:10.7.0build命令:vite-ssg build 贴吧用户_J5t26Q7 ...
另一种方式是在build的时候直接生成10个html,使用nginx部署在服务器上,就可以获取页面完整内容,更利于SEO,这就是SSG。 使用vite-plugin-ssr实现SSR 我的网站是基于vue3开发,调研之后,决定使用vite-plugin-ssr来实现SSG,下面介绍下具体实现。 vite-plugin-ssr官网:https://vite-plugin-ssr.com/ ...
22- "build": "vite build" 23+ "build": "vite-ssg build" 24 25// OR if you want to use another vite config file 26+ "build": "vite-ssg build -c another-vite.config.ts" 27} 28} 29``` 30 31```ts 32// src/main.ts ...
那么我们要是在用户获取 服务端模板 (也就是执行 vite build 后生成的 dist/client 目录) 的时候,直接在 html 中把对应的 js 和 css 文件预渲染了,这就是 静态站点生成(SSG) 的形式。 闲话少说,明白道理了之后,直接开干 ~ `生成预加载指令`:在 package.json 中的 `build:client` 添加 `--ssrManifest...