webpack@5.37.1配置详解

context

string
基础目录，绝对路径，用于从配置中解析入口起点(entry point)和 loader

---

mode

string

• production
  enable many optimizations for production builds
• development
  enabled useful tools for development
• none
  no defaults

---

entry

string | object | array

• “./app/entry” *
• ["./app/entry1", “./app/entry2”]
• { a: “./app/entry-a”,b: ["./app/entry-b1", “./app/entry-b2”] };

---

output

path

string
路径

filename

publicPath

---

resolve

object
配置模块如何解析

extensions

自动解析确定的扩展

alias

创建 import 或 require 的别名，来确保模块引入变得更简单。

---

module

object
关于模块配置

rules

规则

test

---

loader

include

exclude

options

node

---

devtool

此选项控制是否生成，以及如何生成 source map

devtool 可选值	构建速度	重新构建速度	生产环境	品质
(none)	非常快速	非常快速	yes	打包后的代码
eval	非常快速	非常快速	no	生成后的代码
cheap-eval-source-map	比较快	快速	no	转换过的代码（仅限行）
cheap-module-eval-source-map	中等	快速	no	原始源代码（仅限行）
eval-source-map	慢	比较快	no	原始源代码（仅限行）
cheap-source-map	比较快	中等	yes	转换过的代码（仅限行）
cheap-module-source-map	中等	比较慢	yes	原始源代码（仅限行）
inline-cheap-source-map	比较快	中等	no	转换过的代码（仅限行）
inline-cheap-module-source-map	中等	比较慢	no	原始源代码（仅限行））
source-map	慢	慢	yes	原始源代码
inline-source-map	慢	慢	no	原始源代码
hidden-source-map	慢	慢	yes	原始源代码
nosources-source-map	慢	慢	yes	无源代码内容

devServer

clientLogLevel

hot

boolean
启用 webpack 的 模块热替换 功能

host

string
指定使用一个 host。默认是 localhost
如果你希望服务器外部可访问，指定如下 ‘0.0.0.0’

https

默认情况下，dev-server 通过 HTTP 提供服务。也可以选择带有 HTTPS 的 HTTP/2 提供服务

open

告诉 dev-server 在 server 启动后打开浏览器。默认禁用。