Angular生产构建优化阶段忽略指定JS文件的配置疑问

你的当前配置不符合需求，导致目标文件仍被压缩的原因主要有两个：路径匹配逻辑错误，以及Angular默认优化机制的干扰。下面是具体分析和可落地的修正方案：

一、核心问题拆解 #

1. TerserPlugin的exclude路径写法错误
   你使用的相对路径./node_modules/<lib>/main.js不是TerserPlugin期望的匹配格式。Terser的exclude参数需要基于webpack的项目根目录匹配绝对路径，或者使用正则表达式精准匹配文件路径，普通相对路径无法被webpack正确识别。

2. Angular Build Optimizer的潜在干扰
   你开启了buildOptimizer: true，这个Angular特有的优化器会独立处理部分代码逻辑，可能绕过你自定义的Terser配置，继续压缩目标文件。

二、修正后的配置方案 #

1. 调整extended-webpack.config.js #

修改TerserPlugin的排除规则，使用正则匹配目标文件，同时保留Angular默认的Terser优化参数：

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        // 用正则精准匹配目标库的文件路径
        exclude: /node_modules\/<lib>\/main\.js$/,
        // 保留Angular默认的Terser配置，避免丢失基础优化能力
        terserOptions: {
          compress: {
            drop_console: true, // 可根据项目需求调整
          },
          format: {
            comments: false,
          },
        },
      }),
    ],
  },
};

2. 优化angular.json配置 #

调整webpack合并策略，同时排除目标库被Build Optimizer处理：

"architect": { 
  "build": { 
    "builder": "@angular-builders/custom-webpack:browser", 
    "options": { 
      "customWebpackConfig": { 
        "path": "./extended-webpack.config.js", 
        // 改为只替换minimizer节点，保留Angular默认的其他optimization配置
        "mergeStrategies": { "optimization.minimizer": "replace" } 
      }
    },
    "configurations": { 
      "production": { 
        "optimization": true, 
        "outputHashing": "all", 
        "sourceMap": false, 
        "extractCss": true, 
        "namedChunks": false, 
        "aot": true, 
        "extractLicenses": true, 
        "vendorChunk": false, 
        "buildOptimizer": true,
        // 禁止Build Optimizer处理目标库
        "allowedCommonJsDependencies": ["<lib>"]
      }
    }
  }
}

三、验证方法 #

构建完成后可以通过两种方式确认效果：

• 直接查看dist目录下的打包产物，搜索目标库的特征代码（比如未压缩的变量名、特定函数结构）
• 使用webpack-bundle-analyzer工具分析打包文件，确认目标文件的代码未被压缩混淆

内容的提问来源于stack exchange，提问作者Daniil Andreyevich Baunov