Angular 18执行ng serve --configuration=production时出现预构建优化错误

你遇到的Prebundling has been configured but will not be used because scripts optimization is enabled.并不是错误，而是Angular CLI的正常提示：生产环境默认启用了代码优化，而预打包（Prebundling）是开发服务器的特性，用于加速开发时的构建，当优化开启时会自动禁用预打包。

如果需要消除这个提示或者调整生产环境模拟的方式，可以按以下方案处理：

方案一：保留生产优化，忽略提示 #

这是预期行为，生产构建本身不需要预打包，提示不会影响应用功能。如果你只是验证生产环境的配置（比如环境变量、打包后的资源加载），直接忽略即可。

方案二：修改配置，在模拟生产时关闭优化 #

如果希望在开发服务器中使用生产环境的配置（如环境文件），同时保留预打包特性，可以修改angular.json的serve配置，覆盖生产构建的优化选项：

找到projects.newstandalone.architect.serve.configurations.production，添加buildOptions字段：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "configurations": {
    "production": {
      "buildTarget": "newstandalone:build:production",
      "buildOptions": {
        "optimization": false
      }
    },
    // 其他配置...
  }
}

修改后运行ng serve --configuration=production，会使用生产环境的文件替换，但关闭代码优化，预打包功能会正常启用，提示也会消失。

方案三：构建生产包后用静态服务器预览 #

如果需要完全模拟真实生产环境（包括代码优化、压缩后的资源），建议先构建生产包，再用静态服务器启动：

1. 执行生产构建：

ng build --configuration=production

2. 安装静态服务器（如http-server，已安装可跳过）：

npm install -g http-server

3. 启动服务器：

http-server dist/newstandalone

这样可以完全复现生产环境的运行状态，没有预打包相关提示。

内容的提问来源于stack exchange，提问作者Diego