prettier 格式化less时，会把less语法格式化成错误的语法?

Question

我现在有一个index.less文件定义一个less变量

// 格式化之前的
@color: #fff;

但使用prettier对这个文件进行格式化后，这个变量就变的不太对了，格式化后冒号就没掉了，

// 格式化之后的
@color #fff;

使用less的混入也会变格式化成奇怪的形式

// 格式化之前的

.test {
  color: red;
}

.box{
  .test();
}

// 格式化之后的
.test {
  color: red;
}

.box {
  @test .test();
}

使用stylelint进行格式化是正常的，但使用prettier就不正常啦

我的.prettierrc.js是这样的,有什么不对的么？

const fabric = require('@umijs/fabric');

module.exports = {
  ...fabric.prettier,
};

这个问题纠结了我很久了，请各位大佬救救我！！！

Answer 1

检查下 parser 的配置项，选择使用 less 来解析。或者查看下哪里是不是配置了这个，导致 prettier 格式化时的解析逻辑不对。