[27] 用 Nginx 部署前端網站

在部署網站之前，我們要先來打包我們的網頁前端專案

為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了

在網頁開發中網頁內容最原始就是直接用 html 下去寫，但一個成熟的開發者會善用框架來開發，不論是用 vue 或 react，樣式的部分也會從最基本的 css 到 sass 等進階的樣式寫法，功能的部分現在都往 Typescript 開發，不再是只用 Javascript

但是瀏覽器這邊最後都必須翻譯成最原始 html, css, Javascript 才能使用，所以在 production 部署時，我們需要先編譯打包專案，免得瀏覽器每次開啟網頁都要慢慢的先編譯完才能使用