Postcss構文エラーサイレント

Question

私は現在、postcssだけでscssを完全に削除するプロジェクトを設定しています。私が苦労していることの1つは、構文が失敗した場合のエラー報告がないことです。

だから、例えば私はprecssプラグインを追加していると私は、変数間違ったスペルとき：SCSSで明らかに

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

をそれがエラーをスローし、$ oopsvarが存在していない私に言うだろう。しかし、それを解析して返します。

.body{ 
    color:$oopsvar; 
} 

これは明らかに無効です。私はpostcss-reporter、postcss-devtoolsを追加しました。さらに、エラーを表示するかもしれないスタイルリントのルールがあるかどうかを確認しようとしましたが、何も表示されませんでした。

プラグインの問題であるかどうかわかりませんprecssや、postcssには欠けているようなものがあります。どのようにして他の人がpostcssをデバッグするのですか、あるいは単にブラウザをチェックするだけですか？

Answer 1

私はいくつかの調査を行なったし、postcss gitter

におしゃべりのでpostcssにwarningsとerrorsを表示する方法で構築された、しかしによるプラグインに実装するために、個々のプラグインのクリエイターにそれをアップアプローチがあります。私がprecssで保有していなかった問題は、警告を表示していないという問題でした。私たちはcssnextに向かってより多くを移しましたが、よく維持されていますが、構文はscss構文ではなく提案されたCSS変数を使用するので少し異なります。

警告とエラーが実装されている場合は、postcss-reporterも必要です。

Answer 2

すべてのエラーを見つけたい場合は、linterを使用する必要があります。 Stylelintは素晴らしい選択です（PostCSSベース）。

PostCSSは、多くのCSSツールで使用されています。このツールの中には、カスタム構文を使用するものがあります。このため、PostCSSはカスタム構文を解析できます（$somevar: #000;は$somevarという名前のプロパティとして解析されます）。