stylelint - 如何设置 stylelint 自动修复错误？

Question

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

错误报告没问题。
我希望自动修复适用于文件。

Answer 1

Stylelint 的自动更正选项。它为我解决了所有问题。

首先检查错误:

npx stylelint "**/*.{css,scss}"

修复所有文件的问题(自动更正选项)

npx stylelint "**/*.{css,scss}" --fix

如果您想更改特定文件的它。

/npx stylelint src/index.css --fix 

[your file name and path may need to be modified according to your one]