Webpack 入口起点(Entry Points)

在 Webpack 中，入口起点（Entry Points）指定了应用程序的起始点，Webpack 会从这些起点开始构建依赖图，并生成最终的打包文件。

单个入口起点

在配置文件中，可以通过 entry 字段来指定单个入口起点。例如：

-------------- - -
  ------ -----------------
  ------- -
    --------- ------------
    ----- ----------------------- -------
  -
--

在上面的配置中，./src/index.js 被指定为入口起点，Webpack 会从这个文件开始构建依赖图，最终生成 bundle.js 文件。

多个入口起点

除了单个入口起点，Webpack 也支持多个入口起点。可以通过对象的形式来指定多个入口起点。例如：

-------------- - -
  ------ -
    ---- ---------------
    ------- -----------------
  --
  ------- -
    --------- -------------------
    ----- ----------------------- -------
  -
--

在上面的配置中，app.js 和 vendor.js 分别被指定为两个入口起点，Webpack 会构建两个独立的依赖图，并生成对应的打包文件。

动态入口起点

有时候，入口起点可能是动态的，可以通过函数的形式返回入口起点。例如：

-------------- - -
  ------ -- -- --- --------------- -- -
    --------------------------
  ---
  ------- -
    --------- ------------
    ----- ----------------------- -------
  -
--

在上面的配置中，entry 字段返回一个 Promise，Webpack 会等待 Promise resolve 后再开始构建依赖图。

总结

入口起点在 Webpack 中非常重要，它决定了整个应用程序的打包过程。可以通过单个入口、多个入口或者动态入口来指定入口起点。Webpack 会根据入口起点构建依赖图，生成最终的打包文件。