鍍金池/ 問(wèn)答/HTML/ webpack的chunks和bundle是什么意思？

webpack的chunks和bundle是什么意思？

1.圖中的chunks是什么意思？
2.為什么有些chunks有chunk names有的沒(méi)有？
3.那些數(shù)字代表什么？
4.emitted是什么意思
5.chunk和bundle之間是什么關(guān)系？
6.為什么我的build記錄沒(méi)有下圖官方指南中紅框部分？那個(gè)紅框部分是什么？我是用vue-cli構(gòu)建的項(xiàng)目

回答
編輯回答
莫小染

1.chunks就是代碼塊的意思，有name的chunk是在entry里配置了name的，那些1，2，3，4啥的應(yīng)該是用了code splitting配置生成的，數(shù)字是chunk的id
2.多個(gè)chunk合在一起就是bundle，一個(gè)bundle可以理解為一個(gè)大的js打包之后生成的文件，而多個(gè)bundle里可能有公共的部分，或者一個(gè)bundle里的東西并不需要一次性加載，需要按照路由按需加載，這個(gè)時(shí)候就需要按需加載，拆分成不同的chunk
3.你的和官方的不一致，可能是因?yàn)槟銢](méi)有用到code splitting

個(gè)人理解，如有錯(cuò)誤，還望指出

2017年9月27日 16:50
編輯回答
心上人

chunk 半成品，需要繼續(xù)加工
bundle 成品

2017年2月15日 02:47
編輯回答
夢(mèng)囈

其他的不太清楚，6的話在vue-cli的build.js中

process.stdout.write(stats.toString({
  colors: true,
  modules: false,
  children: false,
  chunks: true,// 這個(gè)改為true就有了
  chunkModules: false
}) + '\n\n')

應(yīng)該是打包過(guò)程中要構(gòu)建的文件的信息。

2018年5月23日 01:09
編輯回答
空白格

可以嘗試 webpack --profile --json > stats.json
然后將生成的json文件上傳到
http://webpack.github.io/anal...
會(huì)有一個(gè)直觀的認(rèn)識(shí)

2018年8月27日 03:58