求助：移除Angular项目样式导入及升级后Material样式冗余问题

升级Angular到17版本后，浏览器控制台会冒出上千条Angular Material样式相关的日志，这是因为Angular 17新增了样式调试机制，默认会输出这些信息。下面是移除冗余样式导入并关闭日志的具体操作：

1. 移除手动导入的Material全局样式 #

检查项目里的样式文件（比如src/styles.scss）或者angular.json中的样式配置项，找到类似下面的导入代码并删除：

@import '@angular/material/prebuilt-themes/indigo-pink.css';

注：如果是通过Angular CLI的ng add @angular/material自动配置的样式，可能已经集成在构建流程中，手动导入的话就属于冗余导入，删掉即可。

2. 禁用样式调试日志 #

打开angular.json，找到对应项目的build配置节点，在options里添加stylePreprocessorOptions配置，把disableDebugLogs设为true：

"build": {
  "builder": "@angular-devkit/build-angular:application",
  "options": {
    // 保留原有其他配置
    "stylePreprocessorOptions": {
      "disableDebugLogs": true
    }
  }
}

如果你的项目还在使用旧版的@angular-devkit/build-angular:browser构建器，同样在options下添加上述配置即可。

3. 重启项目验证 #

• 关掉当前运行的开发服务器
• 重新执行ng serve启动项目
• 打开浏览器控制台，确认样式相关的日志已经消失

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