Tailwind ajoute @tailwind
css à la règle signalée comme inconnue . Comment puis-je éviter cette erreur?
par exemple styles.css
@tailwind preflight;
@tailwind utilities;
Ceci est la règle at-rule-no-unknown fournie par la liste intégrée de vscode.
Pour vous en débarrasser, vous devez procéder comme suit:
1. Installer stylelint extension code --install-extension shinnn.stylelint
2. Installez stylelint recommandé config npm install stylelint-config-recommended --save-dev
3. Ajoutez ces deux lignes dans votre vscode PARAMETRES UTILISATEUR
"css.validate": false, // Disable css built-in lint
"stylelint.enable": true, // Enable sytlelint
4. Collez ces lignes dans un fichier appelé .stylelintrc
dans le répertoire racine de votre projet, créez-le s'il n'existe pas. Plus d'informations sur la configuration de stylelint suivez ce lien: 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"]
}
}
Ma recommandation est d'installer le support linguistique postCSS puis de renommer tailwind.css
en tailwind.pcss
, puis de modifier les références dans vos scripts package.json
(ou les scripts de construction que vous utilisez pour tailwind) en tailwind.pcss
à partir de tailwind.css
.
La règle @apply est compatible avec postCSS: https://github.com/tailwindcss/tailwindcss/issues/325
Après de nombreux tests: Surligneur de syntaxe POSTCSS et STYLUS, supprime les avertissements mais CSS Intellisence est incomplet, ne montre pas les classes de première utilité
J'ai installé le plugin 'language-stylus', dans VSCode
Paramètres> Paramètres utilisateur:
"files.associations": {
"* .css": "stylus"
},
À plus tard!