Webpack 中文文档 目录

webpack 入口起点(Entry Points)

Webpack 入口起点(Entry Points)

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

单个入口起点

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

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

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

多个入口起点

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

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

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

动态入口起点

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

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

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

总结

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


上一篇:webpack 概念
下一篇:webpack 输出(Output)