webpack的核心配置项
webpack打包流程
输入——>模块递归处理——>后处理——>输出
相关配置项
- 输入输出
entry、output、context(项目执行上下文路径)
- 模块处理
resolve(配置模块路径解析规则)、module(配置模块加载规则)、externals(声明外部资源)
- 后处理
optimization(控制产物包体积优化)、target(配置编译产物的目标运行环境)、mode(编译模式)
工具类配置项
devtool用于配置产物 Sourcemap 生成规则,与 Sourcemap 强相关。
devserver用于配置与 HMR 相关的开发服务器功能。
watch用于实现持续监听、构建。
cacheWebpack 5 之后,该项用于控制如何缓存编译过程信息与编译结果。
performance用于配置当产物大小超过阈值时,如何通知开发者。
stats:用于精确地控制编译过程的日志内容,在做比较细致的性能调试时非常有用。
infrastructureLogging:用于控制日志输出方式,例如可以通过该配置将日志输出到磁盘文件。
使用不同脚手架工具搭建项目自己去看看