• 配置
    • 例子
  • 更多

    前提条件: 代码拆分
    如果你的项目要求多个为多哥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. }

    更多

    • multiple-entry-points
    • multi-part-library
    • multiple-commons-chunks