본문으로 건너뛰기

eslint-config-bananass

npm package eslint-config-bananass latest version  npm package eslint-config-bananass next version  Node Current

eslint-config-bananasseslint-config-airbnbAirbnb JavaScript Style Guide를 기반으로 하는 ESLint 설정 파일 패키지입니다.

코딩 테스트 관련하여 자주 쓰이는 문법 및 사용자에 따라 호불호가 나뉠 수 있는 일부 규칙들을 해제하였기에, eslint-config-airbnbeslint-config-airbnb-base 보다 훨씬 느슨한 규칙들을 만나보실 수 있습니다.

eslint-config-bananass에 포함된 정확한 규칙들은 ESLint Config Inspector를 참고해주세요.

반드시 읽어주세요!

  • eslint-config-bananass는 최신 사양의 ESLint v9 Flat Config만 지원하며, ESM 모듈 시스템만ESM Only 지원합니다.
  • eslint-config-bananass는 스타일 관련 규칙들을 포함하지 않습니다. 스타일 포맷팅을 진행하고 싶으시다면 Prettier를 이용해 주세요.

설치하기

sh
npm install -D eslint eslint-config-bananass
sh
pnpm add -D eslint eslint-config-bananass
sh
yarn add --dev eslint eslint-config-bananass
sh
bun add -d eslint eslint-config-bananass

API 참고서

ts
// Only supports default export
import bananass from 'eslint-config-bananass';
import type bananass from 'eslint-config-bananass';

// JSON import only supports default export
import pkg from 'eslint-config-bananass/package.json' assert { type: 'json' };

bananass

타입: object

정확한 구성은 깃허브 리포지토리를 참고해주세요.

pkg

타입: object

정확한 구성은 깃허브 리포지토리를 참고해주세요.

ESLint Config 설정 방법

eslint-config-bananass는 아래와 같은 6가지 설정Config을 지원합니다. 필요에 따라 아래 설정 중 하나 혹은 여러개를 선택하여 사용해주세요.

각각의 구성에 포함된 정확한 규칙들은 ESLint Config Inspector를 참고해주세요.

  • js: 자바스크립트
  • jsxReact: 자바스크립트 + React
  • jsxNext: 자바스크립트 + React + Next.js
  • ts: 타입스크립트
  • tsxReact: 타입스크립트 + React
  • tsxNext: 타입스크립트 + React + Next.js
eslint.config.mjs
js
import { defineConfig } from 'eslint/config';
import bananass from 'eslint-config-bananass';

export default defineConfig([
  bananass.configs.js, // JavaScript
  bananass.configs.jsxReact, // JavaScript + React
  bananass.configs.jsxNext, // JavaScript + React + Next.js
  bananass.configs.ts, // TypeScript
  bananass.configs.tsxReact, // TypeScript + React
  bananass.configs.tsxNext, // TypeScript + React + Next.js
]);

참고 사항

  • eslint-config-bananass는 스타일 관련 규칙들을 포함하지 않기 때문에, Prettier와 충돌을 일으키는 스타일 관련 규칙들을 모두 끄는 eslint-config-prettier가 필요하지 않습니다.
  • 스타일 포맷팅을 진행하고 싶으시다면 Prettier를 이용해 주세요.