Quiero eliminar mis archivos scss y mi alcance scss en los componentes .vue. mi configuración en stylelint.config:
module.exports = { extends: [ 'stylelint-config-standard', 'stylelint-config-recess-order', 'stylelint-config-prettier', 'stylelint-config-css-modules', ], plugins: [ 'stylelint-scss', ], rules: {}, }y paquete.json:
{ "scripts": { "lint:all:stylelint": "yarn lint:stylelint \"src/**/*.{vue,scss}\"" }, "devDependencies": { "stylelint": "^14.1.0", "stylelint-config-prettier": "^9.0.3", "stylelint-config-recess-order": "^3.0.0", "stylelint-config-standard": "^24.0.0", "stylelint-scss": "^4.0.0", } }pero no funciona ¿alguna solución?
Debe especificar una sintaxis personalizada con la opción customSyntax cuando utilice Stylelint para cualquier cosa que no sea CSS.
Sin embargo, en lugar de usar la opción customSyntax usted mismo, puede ampliar las configuraciones compartidas que lo hacen por usted:
module.exports = { extends: [ 'stylelint-config-standard-scss', // configure for SCSS 'stylelint-config-recommended-vue', // add overrides for .Vue files 'stylelint-config-recess-order', // use the recess order for properties 'stylelint-config-css-modules', // configure for CSS Modules methodology 'stylelint-config-prettier' // turn off any rules that conflict with Prettier ] } Las stylelint-config-standard-scss y stylelint-config-recommended-vue configurarán Stylelint para archivos SCSS y Vue, respectivamente.
Tampoco necesita incluir el stylelint-scss , ya que también viene en stylelint-config-standard-scss .