一个webpack demo。代码很简单:
`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;
打包出来之后为什么main2.js的chunkid是0,然后main.js的chunkid为1,不是很理解。
如图
而且如果把main2.js中的require删掉的话,main.js的chunkid为0,main2.js chunkid为1,如果把main.js的require去掉则不变。而且打包出来的两个chunk里没有与chunkId相关的代码。求大神解答。
main2.js
console.log(test);
chunkid的生成是不稳定的,也就是说每次打包生成的id可能不一样
https://juejin.im/post/5a1bcd...