大厂前端Offer直通车：校招百题斩与高频考点精讲（六）前端工程化面试题深度解析

大厂前端工程化面试题深度解析

86. Webpack构建流程与优化策略

答案：
Webpack构建流程分为初始化→编译→封装三阶段：

1. 初始化：解析配置参数，创建Compiler对象

2. 编译：从Entry出发，递归解析模块依赖，生成AST

3. 封装：将模块打包成Chunk，输出Bundle文件

优化策略：

// webpack.config.js
module.exports = {
  // 1. 构建速度优化
  cache: { type: 'filesystem' },  // 持久化缓存
  resolve: { extensions: ['.ts', '...'] },  // 缩短路径解析

  // 2. 输出质量优化
  optimization: {
    sp