前端知库

webpack 的 entry、output、loader 和 plugin 分别负责什么?

参考答案

entry 确定依赖图入口,output 决定产物位置和命名。loader 让模块在进入后续构建流程时进行转换,例如处理不同语言或资源;plugin 可挂接构建生命周期,处理更广泛的构建任务。

两者作用层次不同:loader 通常面向模块转换,plugin 可以参与资源生成、优化和其他流程。规则的匹配条件、执行顺序以及开发和生产模式的差异都会影响最终结果。

排查构建问题时先确认文件是否匹配规则、转换结果是否符合下游预期,再查看模块解析与缓存。不要仅堆叠插件解决体积问题,应分析实际依赖图和产物组成。