네이버페이 스타일 가이드에 추가 기능을 제공하는 플러그인 패키지
npm install @naverpay/eslint-plugin -D
사용하고 싶은 plugin이 있다면 eslint config 파일에서 @naverpay/eslint-plugin
을 plugins
에 추가하세요.
// .eslintrc
{
"plugins": ["@naverpay/eslint-plugin"]
}
사용하고 싶은 plugin은 rules에 적용해주세요.
// .eslintrc
{
"rules": {
"@naverpay/prevent-default-import": ["error", {"packages": ["react"]}],
}
}
🔧: --fix
CLI option을 통해 자동 수정이 가능합니다.
Name | Description | 🔧 |
---|---|---|
memo-react-components | 주어진 경로의 React 컴포넌트들을 자동으로 memoize 합니다. | 🔧 |
optimize-svg-components | 주어진 경로의 svg 컴포넌트들을 svgo 기반으로 최적화합니다. | 🔧 |
prevent-default-import | 패키지 목록을 받아, 해당 패키지 default import를 금지합니다. | 🔧 |
sort-exports | 파일에 있는 모든 export 문을 정렬합니다. | 🔧 |
svg-unique-id | 주어진 경로의 SVG 컴포넌트들에 고유한 id를 부여하는 HOC를 추가합니다. | 🔧 |