問題タブ [stylelint]

grunt-scss-lintを置き換えようとしています (Ruby の依存関係と、gem がインストールされていない場合のサイレント エラーのため) をstylelintに置き換えようとしています。

私が実行している問題は、次のエラーです。

これは、stylelint (Grunt プラグインではなく PostCSS プラグイン) が ES6 を必要とするためだと思います。

Map is not definedエラーをスローしているコードは次のとおりです。

このようgruntな奇妙な回避策ではなく、実行できる場所でこれを機能させる方法はありますか?

メイン構成を持つルート.stylelintrcファイル (YAML 形式) があります。特定のディレクトリ内のファイルに対してこれらのルールの一部を上書きしたいのですが、どうすればよいですか? ESLint では.eslintrc、そのディレクトリにファイルを作成するだけで、魔法のように実現できます。

を使用してみextendsましたが、YAML 形式で機能するかどうかはわかりません。

ネストされたプロパティ リストを使用して、stylelint を機能させることは可能ですか? これを実行しようとしましたが、次のエラーが発生しました。

私はこのコードでそれを試しました：

そして、これは私が現在使用している構成です：

または、Ruby gem を使用しない別の SCSS リンターはありますか?

次の情報があると便利な場合があります。

これらは私の変数です:

そして、ファイルの一番下にこれがあります：

私は次のようなチュートリアルに従いました: http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/

そして、ウェブサイトの残りの部分で動作するように、コードの一部を変更しました。

.scss ファイルで stylelint を使用して postcss-scss を使用しており、すべての変数がプロジェクト全体で同じ命名規則に従うようにルールを適用する方法を見つけようとしています。

変数名のフォーマットまたはパターン (すなわち正規表現) を指定する方法はありますか? セレクターのhttps://github.com/davidtheclark/stylelint-selector-bem-patternは認識していますが、変数名については何も見つかりませんでした。

https://github.com/sasstools/sass-lint/pull/257の行に沿って何かを考えていますが、それは stylelint ルールと互換性があります。

たとえば、変数名を常にキャメルケースにしたい場合があります。その場合は次のようになります。

独自の CSS コード スタイルで小さなレポをセットアップしました。このレポでは、不明なルールに関するエラーがないこと、サポートされているルールがないことなどを確認するためだけに、最小限の stylelint 構成をセットアップしました。

$ npm checkローカルで実行すると、問題なく実行されます。

しかし、Travis-ciは次のエラーをスローします。

インデントくらいのようです

しかし、私は何が問題なのか理解できません。

おそらく誰かが私を助けることができます。

Stylelint がベンダー プレフィックスにアルファベット順を強制しないようにフラグを適用することは可能ですか? 私の構成では満足のいく宣言順序がありますが、私のベンダー プレフィックスは、私の SASS ファイルの gulp タスク内で Autoprefixer を介して自動的に生成されます。ただし、Circle CI を使用してその場で最終的な CSS ファイルをリントしたいので、CLI はその目的に最適です。

問題は、ファイルが lint されるまでに、Autoprefixer によってベンダー プレフィックスがアルファベット順以外の順序で追加され、警告が表示され、自動テストが失敗することです。autoprefixer が提供するベンダー プレフィックスの順序を指定する方法がわかりません。この時点で CSS にスローされる警告はこれらだけです。

ドキュメントには明確に記載されていますPrefixed properties must always be alphabetically ordered and must always precede the unprefixed version。しかし、構成内でこれを回避する方法はありますか?

前もって感謝します

このような状況の場合:

Stylelint0degは、ユニットを必要としないフラグを立てます。0pxをオフにするようなことは知っていますがpx、 がなくても変換が機能するかどうか疑問に思ってdegい0ます。

stylelintとstylelint-selector-bem-patternプラグインを使用して BEM スタイルをリントしようとしていますが、うまくいきません。

私の設定は次のとおりです。

• ノード: 5.11.0
• gulp-stylelint: ^2.0.2
• stylelint-selector-bem-pattern: ^0.2.3

.stylelintrc

そしてテスト用のCSSファイル

@alienlebarge/stylelint-configプラグインからではなく、プラグインからエラー メッセージが表示されますstylelint-selector-bem-pattern

gulp -sass-lintとgulp-stylelintを確認しましたが、どちらにも sass ファイルをリントするための最も素晴らしいルールがあります。gulpタスクランナーを使用してノードプロジェクトでscssファイルをリントするのに最適なプラグインはどれですか? stylelint ルールのほとんどは、scss ファイルではサポートされていません。

この出力を得るために必要な構成設定は次のとおりです。

ブロック間の空行の構成を見つけましたが、ネストされたブロックの最後の空行を防ぐことについては何もありません。