鍍金池/ 問(wèn)答/HTML/ 關(guān)于webpack的chunkId的問(wèn)題

關(guān)于webpack的chunkId的問(wèn)題

一個(gè)webpack demo。代碼很簡(jiǎn)單:
`module.exports = {

entry: {
    main: "./src/main.js",
    main2: "./src/main2.js"
},
output: {
    path: path.resolve(__dirname, "dist"),
    filename: "[name].[chunkhash].js"
},
plugins: [
    new HtmlWebpackPlugin({
        title: "my-cli",
        template: "./html/index.html"
    }),
    new CleanWebpackPlugin("dist")
]

}`
main.js

const test = require("./test.js");
console.log(test);

test.js

const str = "test is loaded122";
module.exports = str;

main2.js

const test = require("./test2.js");
console.log(test);

test2.js

const str = "test is loaded22ff";
module.exports = str;

打包出來(lái)之后為什么main2.js的chunkid是0,然后main.js的chunkid為1,不是很理解。
如圖圖片描述
而且如果把main2.js中的require刪掉的話,main.js的chunkid為0,main2.js chunkid為1,如果把main.js的require去掉則不變。而且打包出來(lái)的兩個(gè)chunk里沒(méi)有與chunkId相關(guān)的代碼。求大神解答。

main2.js

console.log(test);
回答
編輯回答
眼雜

chunkid的生成是不穩(wěn)定的,也就是說(shuō)每次打包生成的id可能不一樣
https://juejin.im/post/5a1bcd...

2017年10月9日 10:07
編輯回答
撥弦

chunks是代碼塊的意思,那些數(shù)字只是chunks代碼塊的id或者序號(hào),webpack打包生成便于相互引用或者拆分或組合用的。

2018年5月31日 10:36