11篇文章 · 16165字 · 1人關(guān)注
-
玩轉(zhuǎn)webpack高級特性應(yīng)對項目優(yōu)化需求
Tree Shaking清除未引用代碼（dead-code） webpack生產(chǎn)模式打包的優(yōu)化過程中，自動開啟tree shaking，檢測未引...
-
規(guī)范化標(biāo)準(zhǔn)及ESLint使用為什么需要規(guī)范標(biāo)準(zhǔn) 軟件開發(fā)需要多人協(xié)同 不同開發(fā)者具有不同的編碼習(xí)慣和喜好 不同的喜好增加項目維護成本 每個項目或者團隊需要明確統(tǒng)一的標(biāo)準(zhǔn) 哪...
-
Rollup使用
Rollup同樣是一款ES Module打包器，從作用來看，Rollup與Webpack很相似，但Rollup更為小巧，僅僅是一款ESM打包器；...
-
模塊支持熱替換（HMR）機制
webpack dev server自動刷新問題：自動刷新導(dǎo)致頁面狀態(tài)丟失 每次修改完代碼，webpack監(jiān)視到變化，自動打包，并通過瀏覽器自動...
-
Source Map不同模式對比
JavaScript代碼經(jīng)過編譯轉(zhuǎn)換有三個好處 壓縮，減少體積 多個文件合并，減少HTTP請求 其他語言編譯成JavaScript 這樣使得實際...
-
利用插件機制橫向擴webpack構(gòu)建能力webpack插件機制是為了增強webpack在項目自動化構(gòu)建方面的能力（解決除loader資源模塊打包外的其他自動化工作） 常見應(yīng)用場景： 實...
-
webpack Loader機制
模塊打包工具出現(xiàn) 隨著模塊化思想引入 產(chǎn)生一些新的問題 首先 ES Modules存在環(huán)境兼容問題，用戶瀏覽器不統(tǒng)一 其次 模塊化劃分出的模塊文...
-
模塊化的演進過程
現(xiàn)代化項目 要求前端有獨立的項目 采用數(shù)據(jù)驅(qū)動開發(fā)的方式增強可維護性 復(fù)雜項目結(jié)構(gòu)必須進行模塊化管理 重復(fù)規(guī)律性工作必須采取自動化工具實現(xiàn) 模塊...
-
Plop基礎(chǔ)使用和腳手架工作原理
簡介 plop可以通過命令行去生成、處理文件模板代碼等，從而簡化項目中的手動操作 使用 安裝plop模塊yarn add plop --dev ...
