前端打包是什么意思?是把所有文件合到一個(gè)文件夾內(nèi)?還是針對(duì)js,模塊化編譯?
前端打包是什么意思
DIEA
2018-09-11 13:42:56
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊
如果說狹義的打包, 那就是把所有的 js 文件, css 文件都分別壓縮合并為一個(gè)All in One 的 .js 和 .css 文件, 這樣瀏覽器就可以通過少量的 HTTP 請(qǐng)求獲取到所需要的前端資源了, 節(jié)省流量, 加快頁面加載速度.
至于廣義的打包, 我的理解應(yīng)該是上線發(fā)布時(shí)的預(yù)處理工作吧, 主要有:
TypeScript, LESS 等的預(yù)處理
資源的合并壓縮, JavaScript可能還會(huì)需要模塊化, CSS文件可能也需要合并、添加兼容性前綴(-webkit-, -moz-)等
js 的混淆.
至于打包工具, 流行的有 Gulp, Grunt, Webpack等工具
舉報(bào)