Vue的技術(shù)棧中，常常會(huì)聽(tīng)到有人提到"chunk vendors"這個(gè)概念。那么，這個(gè)chunk vendors是什么意思呢？

簡(jiǎn)單來(lái)說(shuō)，chunk vendors是Vue打包時(shí)將所有的依賴庫(kù)代碼分離出來(lái)形成的一個(gè)chunk。這個(gè)chunk通常包含各種第三方庫(kù)，如Vue自身所依賴的庫(kù)，如Vue Router，Vuex等。

以Vue Cli為例，在打包配置中通常可以看到如下代碼：

optimization: {
splitChunks: {
chunks: 'all',
cacheGroups: {
vendors: {
name: 'chunk-vendors',
test: /[\\/]node_modules[\\/]/,
priority: -10,
chunks: 'initial'
},
common: {
name: 'chunk-common',
minChunks: 2,
priority: -20,
chunks: 'initial',
reuseExistingChunk: true
}
}
}
}

其中，有一個(gè)cacheGroups中的項(xiàng)名為vendors，這個(gè)便是用來(lái)指定chunk vendors的。test屬性則用于指定哪些模塊位于vendors中，這里使用了正則表達(dá)式/[\]node_modules[\]/]來(lái)鎖定node_modules目錄下的所有模塊作為依賴庫(kù)。其他屬性根據(jù)需要進(jìn)行修改即可。

總結(jié)來(lái)說(shuō)，chunk vendors是Vue打包時(shí)用來(lái)分離出依賴庫(kù)代碼的一種機(jī)制，它的作用是將依賴庫(kù)代碼統(tǒng)一打包到一個(gè)chunk中，以便更好地進(jìn)行緩存和性能優(yōu)化。在Vue Cli中，可以通過(guò)指定splitChunks中的cacheGroups來(lái)自定義chunk vendors的配置。