[javascript] Parcel에서 ESLint를 사용하는 방법은?

22 Nov 2023

먼저, 프로젝트 폴더에서 다음 명령어를 실행하여 ESLint를 설치합니다:

npm install eslint --save-dev

이제 .eslintrc라는 파일을 프로젝트 폴더에 생성하고 다음 내용을 추가합니다:

{
  "extends": "eslint:recommended",
  "rules": {
    // 여기에 사용자 정의 규칙을 설정할 수 있습니다
  }
}

다음으로, ESLint의 플러그인인 eslint-plugin-import를 설치합니다. 이 플러그인은 모듈을 임포트하는 방식을 검사하는 데 도움을 줍니다:

npm install eslint-plugin-import --save-dev

그리고 다음과 같이 .eslintrc 파일을 수정하여 플러그인을 사용하도록 설정합니다:

{
  "extends": "eslint:recommended",
  "plugins": ["import"],
  "rules": {
    // 여기에 사용자 정의 규칙을 설정할 수 있습니다
  }
}

마지막으로, Parcel에서 ESLint를 실행할 수 있도록 스크립트를 추가합니다. package.json 파일을 열고 "scripts" 항목에 다음 내용을 추가합니다:

"scripts": {
  "lint": "eslint src/**/*.js"
}

이제 npm run lint 명령을 사용하여 프로젝트의 JavaScript 파일을 검사할 수 있습니다. Parcel과 함께 ESLint를 사용하여 코드 품질을 관리하고 더 나은 개발 경험을 만들어보세요.