CSSチェッカーに@tailwind CSSルールを追加する方法

Question

tailwind [1]は、不明のフラグが付いているルールに@tailwind cssを追加します。エラーを止めるにはどうすれば追加できますか？

例えばstyles.css

@tailwind preflight;

@tailwind utilities;

1：https://tailwindcss.com/docs/what-is-tailwind

Answer 1

これはvscodeの組み込みリストによって設けられたルール・ノー不明ルールです。

あなたが次のことを行う必要があり、それを取り除くために：

1. はstylelint拡張機能をインストールしcode --install-extension shinnn.stylelint
2. stylelintをインストールし設定npm install stylelint-config-recommended --save-dev

3. があなたのvscodeのユーザー設定でこれらの2行を追加します。お勧め

   "css.validate": false, // Disable css built-in lint "stylelint.enable": true, // Enable sytlelint

4. これらの行をプロジェクトのルートディレクトリにある.stylelintrcというファイルに貼り付け、存在しない場合は作成します。 https://stylelint.io/user-guide/

   { "extends": "stylelint-config-recommended", "rules": { "at-rule-no-unknown": [ true, { "ignoreAtRules": [ "extends", "tailwind" ] }], "block-no-empty": null, "unit-whitelist": ["em", "rem", "s"] } }