如何设置stylelint自动修复错误?

时间:2019-10-25 11:24:27

标签: stylelint

stylelint *.css --fix无法正常工作。错误报告效果很好,但文件未固定。

package.json

{
  "devDependencies": {
    "stylelint": "^11.1.1",
    "stylelint-config-recess-order": "^2.0.3"
  }
}

.stylelintrc.json

{
  "extends": "stylelint-config-recess-order"
}

style.css(难看的属性)

.test {
  height: 100%;
  margin: auto;
  width: 100%;
}

命令

$ npx stylelint style.css --fix

输出

style.css
 4:3  ✖  Expected "width" to come before "margin"   order/properties-order

错误报告很好。
我希望文件自动修复。

2 个答案:

答案 0 :(得分:1)

已解决。我删除了data = data.replaceAll("([0-9]{3})|([\\s\\./0-9])*$","$1"+"-"+"$2"); node_modules。之后,我运行了package-lock.json。我不确定原因,但现在效果很好。

答案 1 :(得分:0)

我注意到这种情况发生在未跟踪的文件上。就我而言,它们是.scss文件。我所做的是,

  1. .stylelintignore
  2. 添加了文件的例外
  3. 将文件提交到仓库
  4. .stylelintignore中删除了文件的例外
  5. 已将错误报告给我的终端并运行npx stylelint src/scss/_file.scss --fix
  6. 所有可修复的错误均已修复