0.0.3 • Published 3 years ago
@sfteam/eslint-config-sf v0.0.3
eslint-config-sunfe
ESLint 대한 설정입니다. 수정 또는 개선이 필요하면 편하게 수정 부탁드립니다.
작업이력
- 규칙은 여기를 통해 확인할 수 있습니다
프로젝트 내 설치
- 프로젝트별 내 패키지 설치
npx install-peerdeps --dev eslint-config-sunfe
- 프로젝트 디렉터리의 루트에 .eslintrc 파일을 생성하고 아래와 같이 설정을 추가합니다. (예시 코드는 .eslintrc.js파일을 생성하여 작성했습니다)
module.exports = {
extends: ["eslint-config-sunfe"],
parser: "@typescript-eslint/parser",
};
- package.json에 eslint를 위한 스크립트 추가합니다
"scripts": {
"lint": "eslint .",
"lint:fix": "eslint . --fix"
}
With Create React App
- 패키지를 설치합니다
install-peerdeps --dev eslint-config-sunfe
- package.json 파일에서 "eslintConfig" 내 "extends" 속성의 "react-app"를 지웁니다.
"eslintConfig": {
"extends": [
"react-app",
...
]
},
- 프로젝트 디렉터리의 루트에 .eslintrc 파일을 생성하고 아래와 같이 설정을 추가합니다. (예시 코드는 .eslintrc.js파일을 생성하여 작성했습니다)
module.exports = {
extends: ["eslint-config-sunfe"],
parser: "@typescript-eslint/parser",
};
- package.json에 eslint를 위한 스크립트 추가합니다.
"scripts": {
"lint": "eslint .",
"lint:fix": "eslint . --fix"
}
- 스크립트를 통해 eslint 실행합니다.
yarn lint