Синтаксис Postcss Симуляторы молча

Question

Так что я в настоящее время создаю проект с просто postcss и полностью отбрасывая scss. Одна вещь, с которой я борюсь, - отсутствие каких-либо сообщений об ошибках, если есть синтаксис.

Так, например, я имею добавить precss плагин и когда правописание переменную неправильно:

$somevar: #000; 
.body{ 
    color:$oopsvar; 
} 

Очевидно, что в SCSS она выдаст ошибку и сказать мне $ oopsvar не существует. Но он просто анализирует его и возвращает:

.body{ 
    color:$oopsvar; 
} 

Это очевидно недействительно. Я добавил postcss-reporter, postcss-devtools и даже попытался выяснить, есть ли какие-либо правила в стиле, которые могут показывать ошибку, но ничего.

Теперь я не уверен, что это просто проблема с плагинами. Как префессия или что-то общее, что мне не хватает в postcss. Как другие люди отлаживают postcss, или люди просто проверяют браузер?

Answer 1

Так что я сделал некоторые исследования и болтал на postcss gitter

Там встроенные в способе отображения warnings и errors в postcss, однако из-за плагин подход его до отдельных создателей плагин для реализации. Вопрос, который у меня был с precss, который не поддерживается, был проблемой, что они не отображали никаких предупреждений. Мы переместились больше на cssnext, который хорошо поддерживается, хотя синтаксис несколько отличается, поскольку он использует предложенные переменные css, а не синтаксис scss.

Для получения предупреждений и ошибок вам также понадобится postcss-reporter.

Answer 2

Если вы хотите найти все ошибки, вы должны использовать linter. Stylelint будет отличным выбором (на основе PostCSS).

PostCSS используется во многих инструментах CSS. Некоторые из этих инструментов используют специальный синтаксис. Вот почему PostCSS может анализировать пользовательский синтаксис ($somevar: #000; разобран как $somevar).