Важно убедиться, что в вашем коде стилей нет программных или стилистических ошибок, подозрительных конструкций. С линтером вы можете легко следовать передовым методикам и общему набору стилевых правил, которые либо одобрены вашей внутренней командой, либо общеприняты сообществом. Линтинг очень эффективен для поддержания качества кода.
Вы также можете интегрировать проверку ворса в свой поток непрерывной интеграции.
Настраивать
npm install sass-lint sass-lint-auto-fix --save-dev
Конфигурационный файл
Вы можете использовать json / yaml или rc файл. Нет никакой разницы. Выберите то, что вам подходит. touch .sasslintrc.json
Укажите правильный путь к вашему .sasslintrc.json в package.json, добавив:
"sasslintConfig": ".sasslintrc.json"
Скрипты NPM
"lint": "sass-lint -v", "lint:fix": "sass-lint-auto-fix"
Линия на крючки
Наиболее распространенный вариант использования - это pre-commit или pre-push хуки. Таким образом, вы будете запускать lint:fix и lint автоматически при вводе git commit или git push.
Для этого можно использовать - Husky.
npm install husky --save-dev
Затем настройте Husky хуки в своем package.json:
"husky": {
"hooks": {
"pre-commit": "npm run lint:fix && npm run lint",
"pre-push": "npm run lint:fix && npm run lint"
}
}
