工具 npm i -D webpack-bundle-analyzer babel-plugin-component image-webpack-loader babel-plugin-lodash lodash-webpack-plugin compression-webpack-plugin webpack-bundle-analyzer 圖形化分析工具 babel-plugin-component 讓 babel.config.js 可以使用 component plugin，藉此達到只引入需要的組件來減小體積 image-webpack-loader 壓縮圖片 babel-plugin-lodash 讓 vue.config.js 可以使用 lodash-webpack-plugin，優化 lodash 打包資源 lodash-webpack-plugin 按需引入 lodash compression-webpack-plugin gzip 壓縮資源檔

建立 Line bot channel 登入 Line 開發人員網站 新建 provider (公司、品牌等的群組，可邀請多位成員，底下包含多個 channel) 新建 channel (Line 應用程式，目前有 登入、訊息、語音助理、區塊鏈 四種功能) channel 不可包含 Line 字樣 App types 選擇 Messaging API 選填可先跳過

前言 名詞解釋 SPA (Single Page Application)： 使用前端框架 (Angular、React、Vue) 產生的單頁應用網頁 所有頁面內容都是透過 Client 端的 JavaScript 產生出來的，Server 端固定輸出同個檔案 SEO (Search Engine Optimization)：