splitChunksPlugin配置引數詳解

2021-10-10 20:08:41 字數 1773 閱讀 6196

splitchunks引數詳解

minsize

minchunks

maxasyncrequests

maxinitialrequests

automaticnamedelimiter

name

快取組中的屬性

:}a:當同步匯入模組時,webpack根據chunks:"all"知道要對同步匯入的模組進行**分割

b:webpack繼續執行cachegroups中的配置流程,vendors配置項裡面的test會檢測匯入的模組是否在node_modules目錄下,很顯然,同步匯入的lodash模組在node_modules目錄下,滿足檢測需求,webpack會把同步匯入的模組打包到vendors這個快取組中

c: yarn build 打包,vendors~main代表分割出來的模組在哪個入口檔案中匯入

}}a: 同步匯入模組**分割

b: 非同步匯入模組分割:非同步匯入模組不管optimization.splitchunks的選項配置的值是什麼都會進行**分割

b: 沒有快取組

SplitChunksPlugin 配置引數詳解

分割本身和 webpack 沒有什麼關係,但是由於使用 webpack 可以非常輕鬆地實現 分割,所以提到 分割首先就會想到使用 webopack 實現。在 webpack 中是使用 splitchunksplugin 來實現的,由於splitchunksplugin配置引數眾多,接下來就來梳理一下...

nginx 配置之 proxy pass引數詳解

在nginx中配置proxy pass 時,如果在proxy pass後面的url加 表示絕對根路徑 如果沒有 表示相對路徑,把匹配的路徑部分也給 走。假設下面四種情況分別用 進行訪問。第一種 location proxy 到url 第二種 相對於第一種,最後少乙個 location proxy 到...

hda verb引數詳表

hda verb引數詳表 hda verb的由來 hda verb是linux下面的alsa project的一條命令,它的作用是傳送hd audio命令。命令格式 linux hda verb dev snd hwc0d0 0x12 0x701 2 mac hda verb 0x12 0x701 ...