Wie konfiguriere ich Stylelint im Vue-Projekt? ⇐ JavaScript

[Guest]

Ich versuche, Stylelint für mein Vue-Projekt zu konfigurieren (hier können wir nur die neueste Version berücksichtigen)
Zuerst möchte ich Folgendes verwenden:

Code: Select all

extends: ['stylelint-config-recommended','stylelint-config-recommended-scss', 'stylelint-config-recommended-less','stylelint-prettier/recommended']

GPT -4 scheint jedoch darauf hinzuweisen, dass es einige Konflikte geben kann. Also ändere ich
unten stylelint.config.cjs:

Code: Select all

/** @type {import('stylelint').Config} */
module.exports = {
defaultSeverity: 'error',
extends: ['stylelint-config-recommended', 'stylelint-prettier/recommended'],
overrides: [
{
files: ['**/*.vue'],
extends: ['stylelint-config-recommended-vue'],
customSyntax: 'postcss-html',
rules: {
// Vue
},
},
{
files: ['**/*.scss'],
extends: ['stylelint-config-recommended-scss'],
rules: {
// SCSS
},
},
{
files: ['**/*.less'],
extends: ['stylelint-config-recommended-less'],
rules: {
// Less
},
},
],
rules: {
'no-empty-source': null,
'no-descending-specificity': null,
'selector-pseudo-class-no-unknown': [
true,
{
ignorePseudoClasses: ['deep', 'global'],
},
],
},
};

Aber ich habe immer noch einige Probleme: Wird eine Vue-SFC-Datei mit SCSS-Stil erstellt? Befolgen Sie die gleichen Stilregeln wie in einer einzelnen .scss-Datei?
Ich verstehe, dass die Vue-SFC-Datei in mehrere Teile analysiert wird und der Stilteil als .scss-Datei behandelt wird ?
Bitte hilf mir! Es ist schwer zu überprüfen oder zu testen, ob die Konfiguration richtig oder falsch ist. Ich würde mich freuen, wenn Sie Best Practices bereitstellen könnten!