[問題] Vue在大型專案的效率

[James610024 (JamesChen)]

各位前輩好，小弟是菜鳥工程師，

非本科系剛從資策會畢業約一個多月，

也就業一個月了，

有幸接觸到用vue寫的專案，

目前在新刪修功能上是沒遇到什麼大問，

不過今天主管問了我一個問題：

如果今天是一個大型專案，裡面的JacaScript語法非常多，他build在同一個js檔裡。會
不會在一開始載入的時候花費很多的時間？

小弟剛接觸語言不久，不太懂生命周期什麼的，有人可以幫我解答，或是告訴我查資料的
方向嗎？

目前我的想法是會根據router的路徑，才會去渲染這些Html跟JavaScript，

並不會一載入網頁就全部執行，不知道這樣的想法對不？

懇請各位前輩解惑，感謝！！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.218.32.84
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1558626210.A.029.html
推 satanbaby: https://read01.com/5MeeRNJ.html
推 VdustR: 你說的是 lazy loading routes
→ VdustR: https://router.vuejs.org/guide/advanced/lazy-loading.h
→ VdustR: tml
→ VdustR: 其實要優化的話還有很多地方都可以讓你做 code splitting,
→ VdustR:  而且經過 webpack 還有 tree shaking 和 terser, 可以善
我文中說的build.js就是用webpack打包成的，這樣算是有稍微優化嗎？
→ VdustR: 用 bundle analyse 分析 js 容量的佈局, 通常會比 CDN 引
→ VdustR: 用整隻 lib 載下來的方式快很多
結果大家回應的東西都不懂QQ，看來要好好學習了，感謝各位！！
推 chengchieh: 比較好奇為什麼主管會問菜鳥這問題
主管對於新技術比較不熟悉，而且我接手一個多月了，想說問我知不知道吧
※ 編輯: James610024 (49.217.96.102), 05/24/2019 11:34:40
※ 編輯: James610024 (49.217.96.102), 05/24/2019 11:36:48
推 eight0: 可以看看這篇文章 https://is.gd/qTWbqL
→ eight0: 比較新的技術 https://blog.cloudflare.com/binary-ast/
→ lachtchlee: staged compilation   Eloquent JavaScript 3rd p.392
→ lachtchlee: 電子書沒這些內容  紙本書後來才加上  ans.不會慢多少
→ lachtchlee: 在一開始載入的時候不會花費很多時間 幾乎會瞬間啟動
→ lachtchlee: Functions may not be compiled at all until the
→ lachtchlee: first time they are called.
所以可以解釋成：vue模板未使用到的函式，不會一開始就載入嗎?

※ 編輯: James610024 (180.177.25.34), 05/24/2019 22:38:14
※ 編輯: James610024 (180.177.25.34), 05/24/2019 22:51:51
推 pkro12345: js如果沒有某些要async或defer非同步載入的話 當然是包
→ pkro12345: 成一支js檔比較快阿 因為很多支js檔load反而需要時間
→ pkro12345: 不過如果有非同步的話 現在vue-cli也會幫你加async在最
我記得送資料到後段有些地方用到非同步，比方說驗證帳號密碼跟一些設定資料會丟給不
同的模組執行
→ pkro12345: 後的js檔裡 另外模組載很多 如果沒渲染執行的話也沒差
推 st1009: 我就是跟主管說一開始載入太久，說服他用laravel,不用vue
好的，感謝各位！！
※ 編輯: James610024 (180.177.25.34), 05/25/2019 08:22:26
→ pkro12345: 我這裡說的非同步是指一開始載入js的非同步 關鍵字搜尋
→ pkro12345: script async defer就知道了
好，謝謝您！
※ 編輯: James610024 (180.177.25.34), 05/25/2019 17:37:33
→ dream1124: 主管只是想了解品質是否符合需求，還是要你強化效能？
→ dream1124: 若是前者的話，那要看客戶或產品規劃者是否滿意啊。
→ dream1124: 不一定要急著把它變成工程問題。