Webpack 中文文档 目录

webpack 输出(Output)

在 Webpack 中,输出(Output)是指将打包后的代码输出到一个指定的目录中。通过配置输出,我们可以控制打包后文件的名称、路径以及其他相关的选项。

输出配置

在 webpack 的配置文件中,我们可以通过 output 属性来配置输出的相关选项。下面是一个示例的 output 配置:

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

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

在上面的配置中,我们指定了打包后的文件输出到 dist 目录中,文件名为 bundle.js。同时,还可以通过 publicPath 属性指定静态资源的公共路径。

文件名

Webpack 支持使用占位符来动态生成输出的文件名。常用的占位符有:

  • [name]:模块名称
  • [id]:模块标识符
  • [hash]:编译的哈希值
  • [chunkhash]:模块的哈希值

下面是一个使用占位符的示例:

多入口文件

如果项目中有多个入口文件,可以使用对象的方式来配置输出:

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

在上面的配置中,我们指定了两个入口文件分别为 app.jsvendor.js,打包后会生成两个对应的输出文件。

以上就是关于 Webpack 输出的介绍,通过合理的配置输出选项,我们可以更好地控制打包后文件的生成方式。


上一篇:webpack 入口起点(Entry Points)
下一篇:webpack 模块(Mode)
纠错
反馈