PageSourceSearch

https://johnnywang1994.github.io/book/assets/koa-vite-ssr.html-BLla_ozs.js

js johnnywang1994.github.io collected 2026-10-03 09:25:29 UTC 2,960 bytes, 1 lines download raw bytes

1import{_ as n,c as o,b as a,a as t,d as s,e as r,r as l,o as m}from"./app-BgYE7jZN.js";const p={};function d(h,e){const i=l("SocialBlock");return m(),o("div",null,[e[0]||(e[0]=a("h1",{id:"用-koa-vite-pinia-打造基礎-ssr-環境",tabindex:"-1"},[a("a",{class:"header-anchor",href:"#用-koa-vite-pinia-打造基礎-ssr-環境"},[a("span",null,"用 Koa + Vite + Pinia 打造基礎 SSR 環境")])],-1)),t(i,{hashtags:"javascript,koa,vue3,vite,pinia,ssr"}),e[1]||(e[1]=a("p",null,"嗨~大家好,我是 Johnny,最近因為在轉換工作中,較為忙碌,這次忙裡偷閒,看到一些不錯的手做文章,手癢難耐只好很迅速地來實現一波",-1)),e[2]||(e[2]=a("p",null,"這次為參考其他文章與 Vite官方對於 SSR 的一些教學融合而成,因為 Vite已經幫忙做掉非常多事情了,可以說這篇比起之前用 Webpack 手刻整個 SSR 環境而言,對新手友善非常多",-1)),e[3]||(e[3]=a("p",null,"這次為了讓新手更容易上手理解,刻意把 client side 的 ts 部分移除,僅專注在非常核心的功能面上,另外參考的原文章我個人覺得寫得非常清楚了,推薦直接觀看原作者說明搭配我的範例觀看~",-1)),e[4]||(e[4]=a("p",null,"之後如果有時間也會再把這篇文章補全的~",-1)),e[5]||(e[5]=a("p",null,"這次的實踐教學成果放在我的小號這,歡迎收藏,也歡迎分享給其他朋友們喔~謝謝大家!",-1)),e[6]||(e[6]=a("p",null,[s("前往"),a("a",{href:"https://github.com/jwlearn1994/koa-vite-ssr",target:"_blank",rel:"noopener noreferrer"},"觀看範例")],-1)),t(i,{hashtags:"javascript,koa,vue3,vite,pinia,ssr"}),e[7]||(e[7]=r('<h2 id="參考" tabindex="-1"><a class="header-anchor" href="#參考"><span>參考</span></a></h2><ul><li><a href="">教你使用 koa2 + vite + ts + vue3 + pinia 構建前端 SSR 企業級項目</a></li><li><a href="https://cn.vitejs.dev/guide/ssr.html" target="_blank" rel="noopener noreferrer">Vite 官方文檔 SSR</a></li><li><a href="https://pinia.vuejs.org/ssr/" target="_blank" rel="noopener noreferrer">Pinia 官方文檔 SSR</a></li></ul>',2))])}const f=n(p,[["render",d]]),g=JSON.parse('{"path":"/articles/js/koa-vite-ssr.html","title":"用 Koa + Vite + Pinia 打造基礎 SSR 環境","lang":"zh-TW","frontmatter":{},"git":{"updatedTime":1748788505000,"contributors":[{"name":"johnnywang","username":"johnnywang","email":"[email protected]","commits":1,"url":"https://github.com/johnnywang"},{"name":"Lindy Liao","username":"","email":"[email protected]","commits":1}],"changelog":[{"hash":"f01bfa128b4d33fbeddb8abb1697b5391b273d28","time":1748788505000,"email":"[email protected]","author":"Lindy Liao","message":"UPD"},{"hash":"f97e3ab040d3ef7442fe83c18020711f41dd5256","time":1650190717000,"email":"[email protected]","author":"johnnywang","message":"UPD: add koa-vite-ssr"}]},"filePathRelative":"articles/js/koa-vite-ssr.md"}');export{f as comp,g as data};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.