這篇文章主要講解了javascript代碼是怎么被壓縮的,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。
創(chuàng)新互聯(lián)專注于鎮(zhèn)坪企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城系統(tǒng)網(wǎng)站開發(fā)。鎮(zhèn)坪網(wǎng)站建設(shè)公司,為鎮(zhèn)坪等地區(qū)提供建站服務(wù)。全流程按需定制,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)隨著前端的發(fā)展,特別是 React
, Vue
等構(gòu)造單頁應(yīng)用的興起,前端的能力得以很大提升,隨之而來的是項(xiàng)目的復(fù)雜度越來越大。 此時(shí)的前端的靜態(tài)資源也越來越龐大,而毫無疑問 javascript
資源已是前端的主體資源,對于壓縮它的體積至為重要。
為什么說更小的體積很重要呢:更小的體積對于用戶體驗(yàn)來說意味著更快的加載速度以及更好的用戶體驗(yàn),這也能早就企業(yè)更大的利潤。另外,更小的體積對于服務(wù)器來說也意味更小的帶寬以及更少的服務(wù)器費(fèi)用。
前端構(gòu)建編譯代碼時(shí),可以使用 webpack
中的 optimization.minimizer
來對代碼進(jìn)行壓縮優(yōu)化。但是我們也需要了解如何它是壓縮代碼的,這樣當(dāng)在生產(chǎn)環(huán)境的控制臺調(diào)試代碼時(shí)對它也有更深刻的理解。
如何查看資源的體積
對于我們所編寫的代碼,它在操作系統(tǒng)中是一個(gè)文件,根據(jù)文件系統(tǒng)中的 stat
信息我們可以查看該文件的大小。
stat
命令用來打印文件系統(tǒng)的信息:
$ stat config.js File: ‘config.js' Size: 3663 Blocks: 8 IO Block: 4096 regular file Device: fd01h/64769d Inode: 806060 Links: 1 Access: (0644/-rw-r--r--) Uid: ( 0/ root) Gid: ( 0/ root) Access: 2020-02-13 13:43:54.851381702 +0800 Modify: 2020-02-13 13:43:52.668417641 +0800 Change: 2020-02-13 13:43:52.691417262 +0800 Birth: -