[後端] 預渲染: prerender-spa-plugin

prerender-spa-plugin
https://github.com/chrisvfritz/prerender-spa-plugin

[prerender-spa-plugin]--微型Vue專案的靜態化利器
https://juejin.im/post/5ab31b8cf265da239706c2df

Vue SPA項目SEO優化之預渲染Prerender-spa-plugin
https://juejin.im/post/5ab8b01af265da2392365717

優化向：單頁應用多路由預渲染指南
https://juejin.im/post/59d49d976fb9a00a571d651d

預渲染外掛程式prerender-spa-plugin使用總結
https://juejin.im/post/5b5e76ec5188251afc258e7a

Ajax 技術的出現，讓我們的 Web 應用能夠在不刷新的狀態下顯示不同頁面的內容，這就是單頁應用。在一個單頁應用中，往往只有一個 html 檔，然後根據訪問的 url 來匹配對應的路由腳本，動態地渲染頁面內容。單頁應用在優化了用戶體驗的同時，也給我們帶來了許多問題，例如 SEO 不友好、首屏可見時間過長等。服務端渲染（SSR）和預渲染（Prerender）技術正是為解決這些問題而生的。

prerender-spa-plugin 是一個 webpack 外掛程式用於在單頁應用中預渲染靜態 html 內容。因此，該外掛程式限定了你的單頁應用必須使用 webpack 構建，且它是框架無關的，無論你是使用 React 或 Vue 甚至不使用框架，都能用它直接生成擁有靜態結構的html，可以盡情地往首屏裡面放入你想展現的東西。


#prerender-spa-plugin, webpack, vue, Prerender, SEO, SSR