Формат CSS / Sass на основе правил Stylelint? - PullRequest
Новая
       81

Формат CSS / Sass на основе правил Stylelint?

0 голосов
/ 15 апреля 2020

Я недавно обновился до Prettier 2.0.4, и, похоже, он перестал соблюдать мои правила Stylelint. Похоже, что это был выбор, сделанный командой Prettier, и теперь он выдает ошибки в linter.

Я пытаюсь добиться автоматического форматирования моего кода на основе моих правил Stylelint, а не Мнения Преттье.

Вот пример того, что происходит в настоящее время:

Допустим, я выписал кучу CSS примерно так: 

span {
  background-position:
    calc(100% - 11px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 11px) calc(50% + 3px),
    calc(100% - 14px) calc(50% + 3px);
}

Это форматирование работает довольно хорошо. Это очень разборчиво и легко поддерживать. Преттиер хочет сделать это: 

span {
  background-position: calc(100% - 11px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px), calc(100% - 11px) calc(50% + 3px), calc(100% - 14px) calc(50% + 3px);
}

Или вот это: 

span {
  background-position: calc(100% - 11px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 11px) calc(50% + 3px),
    calc(100% - 14px) calc(50% + 3px);
}

Первое - просто плохое форматирование. Это вызовет больше потенциальных конфликтов, и его будет намного сложнее читать. С последним все в порядке, но заставляет кричать мой линтер и основывается на ширине строки, а не на содержании.

В идеале я хотел бы, чтобы я сделал первый пример и автоматически исправил два других. Но, похоже, я не могу вернуться туда, где мне не хватало отката к более старым версиям Prettier.

Есть предложения?

...