Angular 5.2.6执行ng build --prod因clean-css报错求助

针对你遇到的Angular 5.2.6项目ng serve正常但ng build --prod因clean-css报错失败的问题，结合你已经尝试过的操作，给你几个针对性的解决方向：

• 匹配正确的Angular CLI版本：Angular 5.2.x官方推荐搭配的CLI版本是1.7.x系列，你之前降级到1.6.8出现其他问题是版本不匹配导致的，升级时别直接跳太高（比如2.x+对应Angular 6及以上），建议安装@angular/cli@1.7.4，执行命令：

  npm install @angular/cli@1.7.4 --save-dev
  

• 排查CSS语法问题：生产构建的clean-css压缩会做更严格的语法校验，开发环境可能忽略的小问题（比如未闭合的大括号、无效的CSS变量写法、特殊字符转义问题）都会导致压缩失败。你可以尝试临时注释掉项目中的自定义CSS文件，逐个恢复来定位具体出错的文件，然后修复对应语法问题。

• 升级clean-css依赖版本：如果是clean-css本身的版本兼容性问题，你可以手动升级项目中的clean-css到和Angular 5 CLI兼容的版本，比如4.2.x系列，执行：

  npm install clean-css@4.2.1 --save-dev
  

• 开启构建日志定位具体错误：执行带详细日志的构建命令，能帮你精准找到是处理哪个文件或步骤时出错：

  ng build --prod --verbose
  

  根据日志里的报错信息，直接定位到问题文件或规则，针对性修复。

• 清理Angular CLI缓存：除了npm缓存，Angular CLI本身也有构建缓存，执行命令清理后再尝试构建：

  ng cache clean
  

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