Pendahuluan

Automasi linting lintas stack menghindarkan gangguan berupa commit yang tidak konsisten antar bagian frontend dan backend. Dengan pre-commit yang menjalankan lint-staged sebelum setiap commit dan GitHub Actions yang memverifikasi ulang kode saat push, tim bisa mencegah masalah kualitas secara proaktif.

Pada artikel ini Anda akan menemukan konfigurasi konkret, aturan linting yang relevan, trik agar linting tetap cepat, dan cara memantau hasil di pipeline CI.

Menyatukan linting lintas stack secara lokal

Instalasi pre-commit dan lint-staged

Mulai dengan menginstal dependensi lint lokal. Gunakan pip install pre-commit di root repo dan npm atau pnpm untuk lint-staged.

Berikut struktur minimal .pre-commit-config.yaml:

repos:- repo: https://github.com/pre-commit/mirrors-eslint rev: '' hooks:- id: eslint args: ['--cache', '--max-warnings=0']- repo: https://github.com/pycqa/flake8 rev: '' hooks:- id: flake8 args: ['--cache-dir', '.cache/flake8']

Lint-staged menghubungkan file yang diubah dengan linting npm/husky. Tambahkan di package.json: