Front-end Engineer at LINE KYOTO
譯者註解： 這裡指的 LINE MUSIC 在日本上線的產品 。 大家好，我是柴阪浩行 (Shibasaka Hiroyuki)，在LINE的京都開發工程團隊負責前端的開發。大家在工作的時候用電腦聽音樂嗎？LINE MUSIC 不僅有手機版本 App，還有 Web 版網站應用。我們開發的 Web 版網站應用使用 Vue.js 作爲 JS 框架。 https://music.line.me/webapp/ 到目前爲止，這個Web版本的網站應用使用的是Vue2，2022 年 6 月，我們發佈了升級到 Vue 3 的版本。我們的團隊在開發Web版網站應用的功能的同時，也致力於提高性能。性能方面也有很多方面，其中 package 檔案的肥大化是最大的課題。構成應用程序的js和css的 package 大小爲6MB，使用名爲Sentry的監控工具測量對Web版網站應用的訪問量時，顯示時間超過2秒的訪問量約佔一半。我們進行了重構、整理依存套件等，致力於縮小檔案。其中，我們研究了我們網站用最多的 Vue.js，發現升級到 Vue3 可以減少整體的檔案大小。 遷移到 Vue3 本身已計劃就緒，以便將
Shibasaka Hiroyuki2022-08-21