在 Webpack 中，File-Loader 与 URL-Loader 的工作原理有何不同？请说明它们各自的适用场景及相互关系。
考察说明
考查对 Webpack 常用资源模块加载器的理解，重点在于两者功能与适用场景的差异。
回答思路
- 【回答框架 1】File-Loader 用于将文件（如图片、字体）复制到输出目录，并返回文件的 URL（通常是相对路径）。它处理的是文件本身的引用，不改变文件内容，适用于所有类型的静态资源。
- 【回答框架 2】URL-Loader 在文件大小小于指定 limit 时，会将文件转成 Base64 编码的 Data URL，直接嵌入到打包结果中，减少 HTTP 请求；当文件超过 limit 时，其行为会回退到 File-Loader，即转交给 File-Loader 处理。
- 【回答框架 3】两者典型组合使用：配置 URL-Loader 并设置 limit，小文件内联，大文件走 File-Loader。这样兼顾性能与资源大小。
- 【回答框架 4】实际区别主要体现在：文件体积阈值、输出形式（内联 vs 文件）、对 HTTP 请求的影响，以及是否有额外的配置项（如 limit、mimetype 等）。
- 【关键点 1】File-Loader 负责复制文件并返回 URL；URL-Loader 负责将小文件内联为 Data URL，超过限制则回退到 File-Loader。
- 【关键点 2】URL-Loader 的 limit 选项决定了内联的临界值，默认值通常为 0 或 undefined，需显式配置。
- 【关键点 3】两者常配合使用，以实现资源优化的最佳实践。
- 【易错点 1】混淆两者职责，误认为 URL-Loader 完全替代 File-Loader。
- 【易错点 2】忽略 limit 的默认行为，可能导致所有文件都被内联或全部走文件模式。
- 【易错点 3】将 Data URL 内联用于超大文件，可能导致打包产物膨胀，影响加载性能。