前提需要: 代码拆分
如果你需要对不同的HTML页面使用不同的打包文件可以使用多入口拆分点的特性。webpack会立即
创建多个打包文件,额外的块文件可以被这些打包文件共享。
每一个入口块文件都包含webpack执行时间,所以每个页面加载一个入口块文件(提示:使用CommonsChunkPlugin
可以将运行时的东西移到一个单独的块中来避免这个限制)
配置
可以在entry这个属性中使用对象来配置多入口,每个值作为一个入口块,并且对应的键代表了入口
块的名称。
当使用多入口配置的时候,必须重写默认的output.filename
否则每个入口块都会被写在相同的
文件中,使用[name]
来获得每个入口块的名字
1
2
3
4
5
6
7
8
9
10
11 {
entry: {
a: "./a",
b: "./b",
c: ["./c", "./d"]
},
output: {
path: path.join(__dirname, "dist"),
filename: "[name].entry.js"
}
}