亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于gulp中concat的疑惑。

關于gulp中concat的疑惑。

溫溫醬 2019-02-08 23:26:09
問題一:如果有10來個js文件的引入,并且有類似jquery或者更多更大的庫做依賴,那么合并成一個js文件豈不是很大,加載不是很慢嗎?(如果異步加載,頁面渲染完了,許多依賴js的效果遲遲不出現用戶體驗豈不是很差。)問題二:js合并的順序問題,之前看到平臺上有這樣的解決方案:gulp.task('scripts', function() {  gulp.src(['a.js', 'b.js', 'c.js'])    .pipe(concat('main.js'))});那如果超多的js這個數組豈不是很長,怎么解決這個問題呢?我今天才看到gulp,所以有很多還不太理解,請各位指教。
查看完整描述

1 回答

?
吃雞游戲

TA貢獻1829條經驗 獲得超7個贊

  1. js的引入需要你的一定的取舍,并且必須要減少大小與個數,一般最后會選擇打包為2-3個js文件,或是1+n的模式,這可能是每個項目都不太相同。一般來說一個是vender.js,用來打包全部的運行工具庫,例如jquery或是loadsh之類的基本每個頁面都會用到的,然后其他的就是單個文件內引用到的或是僅僅是某幾個頁面才使用到的js代碼,分別打包并且分別引用。
    一般來說,js引用最多的都是首頁之類的多內容形式頁,例如這種如果實在是引入的太多,可以從優先加載首屏使用到的js文件,以及優先加載首屏渲染效果用的js文件這兩個方面去思考加載順序,而不是簡單粗暴的全部打包成一個。

  2. 其實一般也不會超過5個,以我上面回答的架構來說,只有vender.js才有可能會用到concat,也就沒有那么多了。


查看完整回答
反對 回復 2019-02-13
  • 1 回答
  • 0 關注
  • 432 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號