面试知识索引 · 分类、标签与搜索

构建工具专题面试题，211 道完整答案

构建工具专题面试题第 5 页，显示第 201–211 题，共找到 211 道完整解析，可继续按分类、标签与关键词缩小范围。

211筛选结果

52技术分类

178检索标签

5索引分页

快速定位

分类、标签与关键词搜索

清除全部筛选

第 5 页

本页面试问题

按稳定语义路径排序

0201
前端工程化Webpack
Webpack optimization.runtimeChunk 抽离的运行时代码包含什么，为什么要单独成包？
围绕“Webpack optimization.runtimeChunk 抽离的运行时代码包含什么，为什么要单独成包”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释模块清单与 chunk 加载逻辑抽离对缓存稳定性的价值，不讲长效缓存整体方案。
核心关键词webpack runtimeChunk 运行时代码抽离
#Webpack#缓存#构建工具
0202
前端工程化Webpack
package.json 的 sideEffects 字段如何影响 Webpack 的 tree shaking 结果？
围绕“package.json 的 sideEffects 字段如何影响 Webpack 的 tree shaking 结”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明副作用标记对模块保留/删除的决定作用及误配风险，不讲压缩器层面优化。
核心关键词webpack sideEffects 字段 tree shaking
#Webpack#构建工具
0203
前端工程化Webpack
生产环境想用 SourceMap 排查线上问题又不泄露源码，Webpack 应如何配置？
围绕“生产环境想用 SourceMap 排查线上问题又不泄露源码，Webpack 应如何配置”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较 hidden-source-map、nosources-source-map 与独立上传方案，不讲 devtool 全表。
核心关键词webpack 生产环境 source map 安全 hidden-source-map
#Webpack#构建工具
0204
前端工程化Webpack
Webpack SplitChunksPlugin 的 chunks、minSize、cacheGroups 各控制什么？
围绕“Webpack SplitChunksPlugin 的 chunks、minSize、cacheGroups 各控制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讲清清抽取范围、体积门槛与缓存组优先级三个决策点，不讲具体业务分包方案设计。
核心关键词webpack splitChunks cacheGroups minSize 配置
#Webpack#缓存#构建工具
0205
前端工程化Webpack
Webpack 5 生产模式默认的 splitChunks 行为会拆出什么样的公共包？
围绕“Webpack 5 生产模式默认的 splitChunks 行为会拆出什么样的公共包”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明默认 cacheGroups（vendors/default）与 20KB 等默认条件，不讲自定义组配置。
核心关键词webpack5 默认 splitChunks 行为
#Webpack#缓存#构建工具
0206
前端工程化Webpack
Webpack 的 stats 输出（--json）包含哪些信息，如何用它做产物诊断？
围绕“Webpack 的 stats 输出（--json）包含哪些信息，如何用它做产物诊断”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 modules/chunks/assets/reasons 字段能回答的诊断问题，不依赖具体可视化工具。
核心关键词webpack stats json 产物分析
#Webpack#实时通信#构建工具
0207
前端工程化Webpack
Webpack tree shaking 标记了未使用导出后，最终删除代码依赖哪个环节？
围绕“Webpack tree shaking 标记了未使用导出后，最终删除代码依赖哪个环节”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 optimization 标记与压缩器死代码消除两阶段职责，不讲 sideEffects 字段。
核心关键词webpack tree shaking TerserPlugin 删除死代码
#Webpack#构建工具
0208
前端工程化Webpack
为什么配置了 production 模式后 Webpack 打包仍有未使用的导出没有被移除？
围绕“为什么配置了 production 模式后 Webpack 打包仍有未使用的导出没有被移除”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖给出 Babel 转译破坏 ESM、副作用标记缺失、导出被整体引用等排查方向，不讲压缩配置。
核心关键词webpack tree shaking 不生效排查
#Webpack#构建工具
0209
前端工程化Webpack
Webpack tree shaking 依赖 ES Module 的什么特性，为什么 CommonJS 难以摇树？
围绕“Webpack tree shaking 依赖 ES Module 的什么特性，为什么 CommonJS 难以摇树”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答静态结构分析与 usedExports/副作用标记，不讲具体 sideEffects 配置写法。
核心关键词webpack tree shaking 原理 ESM CommonJS
#Webpack#构建工具
0210
前端工程化Webpack
设计 Webpack 第三方库分包策略时，按 node_modules 整体拆和按包拆各有什么利弊？
围绕“设计 Webpack 第三方库分包策略时，按 node_modules 整体拆和按包拆各有什么利弊”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕权衡请求数量、缓存命中率与长缓存稳定性。
核心关键词webpack vendor 分包策略 node_modules 拆分
#Webpack#缓存#构建工具
0211
前端工程化Webpack
编写一个 Webpack 自定义插件的基本结构是什么，apply 方法里能做什么？
围绕“编写一个 Webpack 自定义插件的基本结构是什么，apply 方法里能做什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖给出插件类结构与在 emit 等钩子中操作 assets 的思路，不深入到 loader 编写。
核心关键词webpack 自定义插件编写 apply
#Webpack#实时通信#构建工具

分类、标签与关键词搜索

本页面试问题

Webpack optimization.runtimeChunk 抽离的运行时代码包含什么，为什么要单独成包？

package.json 的 sideEffects 字段如何影响 Webpack 的 tree shaking 结果？

生产环境想用 SourceMap 排查线上问题又不泄露源码，Webpack 应如何配置？

Webpack SplitChunksPlugin 的 chunks、minSize、cacheGroups 各控制什么？

Webpack 5 生产模式默认的 splitChunks 行为会拆出什么样的公共包？

Webpack 的 stats 输出（--json）包含哪些信息，如何用它做产物诊断？

Webpack tree shaking 标记了未使用导出后，最终删除代码依赖哪个环节？

为什么配置了 production 模式后 Webpack 打包仍有未使用的导出没有被移除？

Webpack tree shaking 依赖 ES Module 的什么特性，为什么 CommonJS 难以摇树？

设计 Webpack 第三方库分包策略时，按 node_modules 整体拆和按包拆各有什么利弊？

编写一个 Webpack 自定义插件的基本结构是什么，apply 方法里能做什么？

分类、标签与关键词搜索

本页面试问题

Webpack optimization.runtimeChunk 抽离的运行时代码包含什么，为什么要单独成包？

package.json 的 sideEffects 字段如何影响 Webpack 的 tree shaking 结果？

生产环境想用 SourceMap 排查线上问题又不泄露源码，Webpack 应如何配置？

Webpack SplitChunksPlugin 的 chunks、minSize、cacheGroups 各控制什么？

Webpack 5 生产模式默认的 splitChunks 行为会拆出什么样的公共包？

Webpack 的 stats 输出（--json）包含哪些信息，如何用它做产物诊断？

Webpack tree shaking 标记了未使用导出后，最终删除代码依赖哪个环节？

为什么配置了 production 模式后 Webpack 打包仍有未使用的导出没有被移除？

Webpack tree shaking 依赖 ES Module 的什么特性，为什么 CommonJS 难以摇树？

设计 Webpack 第三方库分包策略时，按 node_modules 整体拆和按包拆各有什么利弊？

编写一个 Webpack 自定义插件的基本结构是什么，apply 方法里能做什么？