問題タブ [stylelint]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - すでに使用されているクラスが再度使用されている場合、stylelint で警告を表示することは可能ですか?
stylelint または他のツールでは、開発者が CSS ファイルにクラス名を記述している場合に可能です。たとえば、.somethingRed {}
同様のクラス名がプロジェクトで既に使用されている場合、このクラス名は既に使用されているというメッセージが表示されます
sass - SCSS 変数はブラウザーのハッキングとしてレンダリングされます
$variables
SCSS を読み取るようにstylelint を構成しました!default
。これで修正されるかもしれないと思って stylelint-scss プラグインをロードしましたが、修正されていません。真のブラウザー ハッキングに対してブラウザー ハック ルールを有効にしたいのですが、すべての SCSS 項目で失敗した場合はこれをオフにする必要があります。
ブラウザ ハック ルールを有効にしておく方法を知っている人はいますか? SCSS の標準変数のようなブラウザ以外のハックでは失敗しませんか?
css - stylelint - 独自のプラグインを作成する例はどこにありますか?
stylelint の Web サイト、github にアクセスし、npm 経由でローカルにダウンロードしました。stylelint の Web サイトでは、独自のプラグインを作成するには、次の形式を使用する必要があるとアドバイスされています。
stylelint の npm フォルダー内で「検索」を実行すると、この形式を使用する例が見つかりません。独自のプラグインを作成するための本当に優れたチュートリアルを教えてくれる人はいますか?
ありがとう
sass - WebStorm での複数行 Scss インデント
デフォルトの Stylelint ガイドラインに従って WebStorm をインデントする方法を知っている人はいますか?
具体的には、複数のプロパティを持つ変換の scss インデントに問題があります。推奨されるパターンは次のとおりです。
ただし、WebStorm でこれをサポートすることはまったくできません。コードを自動インデントすると、上記は次のようになります。
これに関するヘルプは素晴らしいでしょう。参考までに、私は現在、次のバージョンの WebStorm を使用しています。
css - Stylelint: ネストされたブロックの下部に空行を強制する
ルールとドキュメントで必要なものを正確に見つけることができないようです。ネストされたルールの最後に強制的に空行を入れたいです。
ルールが表示rule-nested-empty-line-before
されます: メディア クエリの先頭に改行を強制します。
そして、私はルールを見ます:block-closing-brace-empty-line-before
これはブロックの最後に改行を強制しますが、それは の後に改行も強制しcolor: red
ます.
Stylelint の古いバージョンにはそれを行うルールがあったように感じますが、それを理解することはできません。
何かご意見は?
gulp - サブフォルダーに対して stylelint + gulp が機能しない
SCSS linting には gulp 3.9.1 と stylelint 7.6.0 を使用します。OSはUbuntuです。
私のgulp設定の関連部分は次のようになります:
問題:
Stylelint は次のようなファイルに対して
app/assets_src/styles/file.scss
はうまく機能しますが、次のようなサブフォルダー内のファイルは処理しません
app/assets_src/styles/blocks/home/file.scss
。
私はそのようなパスを使用しようとしました:
app/assets_src/styles/**/**/*.scss
/app/assets_src/styles/**/*.scss
'./app/assets_src/styles/**/**/*.scss'
しかし、運はありません。
また、このcliコマンドを使用するstylelint 'app/assets_src/styles/**/*.scss'
と、うまく機能し、サブディレクトリを処理します。したがって、問題は gulp-postcss プラグインに関連している可能性があります。
css - 内部およびインライン スタイルシートに stylelint を使用できますか?
.css
使用ガイドに従って、ファイルにstylelint を使用できます。インラインおよび内部スタイルシートに使用する方法はありますか? HTML ドキュメントを解析することで、それらすべてを収集するコードを作成できます...それが私の唯一のオプションですか? CSSLint のような別の CSS リンティング ツールを使用する必要がありますか?
css - の stylelint ルールを設定できません この潜在的なボックス モデル サイズの問題を確認してください
私は webpack で Angular2 アプリケーションに取り組んでいます。コード品質指標に sonarqube を使用しています。VS Code を IDE として使用しています。
以下のcssは、sonarqubeで「この潜在的なボックスモデルサイズの問題を確認してください」という警告を表示しますが、これは正しいです。
しかし、VSCode では、このコードの臭いを警告として見ることができません。以下は私のstylelintrc.jsonファイルです
この問題を解決するために設定するルール ID が見つかりません。