Prepare la configuración tanto para CSS como para SCSS

1. Instale los paquetes necesarios:

 npm i stylelint stylelint-webpack-plugin --save-dev

2. Cree el archivo .stylelintignore en su carpeta raíz y péguelo en él:

 node_modules

3. Edite el archivo next.config.js :

 const StylelintPlugin = require("stylelint-webpack-plugin"); // line to add module.exports = { reactStrictMode: true, // lines to add webpack: (config, options) => { config.plugins.push(new StylelintPlugin()); return config; }, };

Configurar Stylelint con CSS

1. Instale el paquete necesario:

 npm i stylelint-config-standard --save-dev

2. Cree un archivo .stylelintrc en su carpeta raíz y péguelo:

 { "extends": "stylelint-config-standard", "rules": { "string-quotes": "double" } }

Configurar Stylelint con SCSS

1. Instale los paquetes necesarios:

 npm i sass stylelint-config-standard-scss --save-dev

2. Cree un archivo .stylelintrc en su carpeta raíz y péguelo:

 { "extends": "stylelint-config-standard-scss", "rules": { "string-quotes": "double" } }