webpack doc

前提条件: 代码拆分 如果你的项目要求多个为多哥HTML页面准备多个bundle时候你要用到这个功能。 它将一次性构建多个bundle。额外的chunk可以被这些入口chunk共用，并且他们的module只build一次。

注：使用 代码拆分而不是将每个模块定义成入口文件。

每个入口文件，都包含着webpack运行环境。因而你只能给一个页面加载一个入口文件（想绕开这个限制，可以使用CommonsChunkPlugin将运行环境迁移到独立的chunk里面）。

配置

为了使用多入口文件，你可以给entry传入一个对象。对象的key代表入口点名字，value代表入口点。

当使用多入口点的时候，需要重载output.filename，否责每个入口点都卸乳到同一个输出文件里面了。使用[name]来得到入口点名字。

例子

  1. {
  2.     entry: {
  3.         a: "./a",
  4.         b: "./b",
  5.         c: ["./c", "./d"]
  6.     },
  7.     output: {
  8.         path: path.join(__dirname, "dist"),
  9.         filename: "[name].entry.js"
  10.     }
  11. }

更多