@front-cmdt/format

Общий конфиг Prettier и Stylelint для проектов — с сортировкой импортов, классов Tailwind CSS, поддержкой SCSS и Astro.

Установка

npm i -D @front-cmdt/format
# или
yarn add -D @front-cmdt/format
# или
pnpm add -D @front-cmdt/format

Prettier

Общий Prettier config для проектов. Включает:

• Сортировку импортов через @trivago/prettier-plugin-sort-imports
• Автоматическую сортировку Tailwind CSS классов через prettier-plugin-tailwindcss
• Поддержку форматирования файлов .astro через prettier-plugin-astro

Создайте: prettier.config.mjs в проекте

import config from '@front-cmdt/format/prettier';

export default config;

Пример скриптов

package.json:

{
  "scripts": {
    "prettier:fix": "prettier . --write",
    "prettier:check": "prettier . --check"
  }
}

---

Stylelint

Общий stylelint для проектов. Включает:

• Автоматическую очистку и сортировку свойств через stylelint-config-clean-order
• Поддержку SCSS через stylelint-scss и postcss-scss
• Базовые правила для предотвращения ошибок (пустые блоки, дубликаты селекторов и т.д.)

Создайте: stylelint.config.mjs в проекте

import config from '@front-cmdt/format/stylelint';

export default config;

Пример скриптов

package.json:

{
  "scripts": {
    "stylelint:fix": "stylelint '**/*.{css,scss}' --fix",
    "stylelint:check": "stylelint '**/*.{css,scss}'"
  }
}

Пример общего скрипта для форматирования

package.json:

{
  "scripts": {
    "format": "npm run stylelint:fix && npm run prettier:fix"
  }
}

---

@front-cmdt/format (EN)

Shared Prettier and Stylelint config for projects — with import sorting, Tailwind CSS class ordering, SCSS and Astro support.

Installation

npm i -D @front-cmdt/format
# or
yarn add -D @front-cmdt/format
# or
pnpm add -D @front-cmdt/format

---

Prettier

Shared Prettier config for projects. Includes:

• Import sorting via @trivago/prettier-plugin-sort-imports
• Automatic Tailwind CSS class sorting via prettier-plugin-tailwindcss
• .astro file formatting support via prettier-plugin-astro

Create: prettier.config.mjs in your project

import config from '@front-cmdt/format/prettier';

export default config;

Script examples

package.json:

{
  "scripts": {
    "prettier:fix": "prettier . --write",
    "prettier:check": "prettier . --check"
  }
}

---

Stylelint

Shared Stylelint config for projects. Includes:

• Automatic property ordering and cleaning via stylelint-config-clean-order
• SCSS support via stylelint-scss and postcss-scss
• Core rules for error prevention (empty blocks, duplicate selectors, etc.)

Create: stylelint.config.mjs in your project

import config from '@front-cmdt/format/stylelint';

export default config;

Script examples

package.json:

{
  "scripts": {
    "stylelint:fix": "stylelint '**/*.{css,scss}' --fix",
    "stylelint:check": "stylelint '**/*.{css,scss}'"
  }
}

Shared formatting script example

package.json:

{
  "scripts": {
    "format": "npm run stylelint:fix && npm run prettier:fix"
  }
}