中文字幕av高清_国产视频一二区_男女羞羞羞视频午夜视频_成人精品一区_欧美色视_在线视频这里只有精品

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 如何提?webpack的打包速度?

如何提?webpack的打包速度?

來源:千鋒教育
發布人:wjy
時間: 2022-09-08 16:43:52 1662626632

1. 優化 Loader

對于 Loader 來說,影響打包效率首當其沖必屬 Babel 了。因為 Babel 會將代碼轉為字符串生成 AST,然后對 AST 繼續進行轉變最后再生成新的代碼,項目越大,轉換代碼越多,效率就越低。當然了,這是可以優化的。

首先我們優化 Loader 的文件搜索范圍

如何提?webpack的打包速度1

對于 Babel 來說,希望只作用在 JS 代碼上的,然后 node_modules 中使用的代碼都是編譯過的,所以完全沒有必要再去處理一遍。

當然這樣做還不夠,還可以將 Babel 編譯過的文件緩存起來,下次只需要編譯更改過的代碼文件即可,這樣可以大幅度加快打包時間

如何提?webpack的打包速度2

2. HappyPack

受限于 Node 是單線程運行的,所以 Webpack 在打包的過程中也是單線程的,特別是在執行 Loader 的時候,長時間編譯的任務很多,這樣就會導致等待的情況。

HappyPack 可以將 Loader 的同步執行轉換為并行的,這樣就能充分利用系統資源來加快打包效率了

如何提?webpack的打包速度3

3. DllPlugin

DllPlugin 可以將特定的類庫提前打包然后引入。這種方式可以極大的減少打包類庫的次數,只有當類庫更新版本才有需要重新打包,并且也實現了將公共代碼抽離成單獨文件的優化方案。

DllPlugin的使用方法如下:

如何提?webpack的打包速度4

然后需要執行這個配置文件生成依賴文件,接下來需要使用 DllReferencePlugin 將依賴文件引入項目中

如何提?webpack的打包速度5

4. 代碼壓縮

在 Webpack3 中,一般使用 UglifyJS 來壓縮代碼,但是這個是單線程運行的,為了加快效率,可以使用 webpack-parallel-uglify-plugin 來并行運行 UglifyJS,從而提高效率。

在 Webpack4 中,不需要以上這些操作了,只需要將 mode 設置為 production 就可以默認開啟以上功能。代碼壓縮也是我們必做的性能優化方案,當然我們不止可以壓縮 JS 代碼,還可以壓縮 HTML、CSS 代碼,并且在壓縮 JS 代碼的過程中,我們還可以通過配置實現比如刪除 console.log 這類代碼的功能。

5. 其他

可以通過一些小的優化點來加快打包速度

resolve.extensions:用來表明文件后綴列表,默認查找順序是 ['.js', '.json'],如果你的導入文件沒有添加后綴就會按照這個順序查找文件。我們應該盡可能減少后綴列表長度,然后將出現頻率高的后綴排在前面resolve.alias:可以通過別名的方式來映射一個路徑,能讓 Webpack 更快找到路徑module.noParse:如果你確定一個文件下沒有其他依賴,就可以使用該屬性讓 Webpack 不掃描該文件,這種方式對于大型的類庫很有幫助

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 精品一区二区三区久久久 | 欧美aaa一级片 | 日韩电影专区 | 国产欧美一区二区三区在线看 | 一级做a爰片性色毛片 | 国产精品美女在线观看直播 | 中文字幕影院 | 国产二区免费 | 国产精选久久 | 日本天堂在线 | 国产精品久久久久久影视 | 中文字幕免费在线观看 | 天天草夜夜操 | 中文字幕久久综合 | 91国内精品 | 手机看片福利在线 | 亚洲黄色影视 | 在线播放91| 国产日韩欧美激情 | 干比网| 黄色影视免费观看 | 91精品国产乱码久久久久久久久 | 在线免费毛片 | 白浆视频在线观看 | 久久tv在线观看 | 欧美高清免费 | 在线观看亚洲a | 国产中文视频 | 日韩成年视频 | 日韩视频免费 | 国产成人久久精品77777 | 91精品国产欧美一区二区成人 | 激情视频一区二区三区 | 日韩中文字幕在线观看 | 污视频网站在线观看免费 | 欧美性猛交一区二区三区精品 | 91精品久久久久久久久久 | 福利网址 | 亚洲天天 | 国产成人亚洲欧 | 欧美精品一区二区蜜臀亚洲 |