Skip to main content

Tedshd's Dev note

Category: Vue

Vue - 使用 Vue cli 3 開發 SSR 紀錄

# Vue - 使用 Vue cli 3 開發 SSR 紀錄 ## Intro 因為工作需求需要一個能夠 SSR 的工具 由於是接手別的團隊回來的程式也剛好要做大動作的重構(打掉重練 之前的團隊是使用 koot.js 個人花了點時間看了一下還不錯, 但是 對 react 不太熟 居然還是用 less, 我在 2017 就已經捨棄使用預處理器來處理樣式了, 擁抱 CSS L4 還是比較喜歡 Vue 的架構 所以就心痛的來研究一下 Vue cli 處理 SSR 的方式 官方有文件 Vue.js 服务器端渲染指南 看完以後 恩… 好麻煩啊 使用工具和 framework 的目的就是要無腦使用啊 還要寫一大堆 code 幹嘛 這邊先列出自己的需求 SSR 而且需要是 Universal 的處理方式 在樣式能夠使用 postcss 處理 CSS L4 能夠處理 Metadata 能夠把環境需求用設定處理掉或根本不用設定就處理掉 因為工作需求需要多語系.. 最好是要有 PWA 所以就開始了痛苦的尋找之旅 ...