运行Prettier时rgba颜色值逗号被移除，格式异常变更

这是Prettier默认的颜色格式转换行为，它会把传统逗号分隔的rgba()语法，自动转换成CSS Color Module Level 4规范定义的空格分隔+斜杠的新语法——这种语法是官方推荐的现代写法，还支持更丰富的颜色空间与透明度组合。

解决方式分两种： #

1. 强制保留旧逗号格式 #

修改Prettier配置文件（.prettierrc/prettier.config.js等），添加colorFormat配置项并设置为"legacy"：

{
  "colorFormat": "legacy"
}

如果是临时用命令行执行，也可以直接加参数：

yarn run prettier --write --color-format legacy .

2. 统一使用新格式 #

如果项目不需要兼容IE11这类老浏览器，完全可以接受这种新语法——现在Chrome、Firefox、Safari等主流浏览器都已支持，属于标准的现代CSS写法，团队统一风格后就不会再出现格式冲突。

另外要注意：你提到执行write前会做Prettier检查，之所以检查没提前拦截，是因为默认配置下Prettier会认为新格式是合规的，只有当你修改配置为保留旧格式后，检查才会把新格式判定为违规。

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