Muscardinus

ESLint 본문

FrontEnd/Webpack

ESLint

Muscardinus 2022. 1. 3. 01:52
728x90

Linting?

Linting이란 code에 대해서 분석을 하고, 혹시나 있을 에러를 알려주는 것이다. Node와 브라우저에서는 runtime에 code에서 error가 있는지를 분석한다. 또한, 정해진 규칙을 지키지 않았을때 알려준다. 여러 명의 개발자가 협업할 때는 공통된 규칙이 필요하다. 쉽게 말해서 코드 품질을 review해주는 역할을 한다.

 

그 중 하나가 ESLint이다.

 

설치

npm install -g eslint

 

eslint에서 세팅을 할때는 여러 가지 방법이 있다.

https://eslint.org/docs/user-guide/configuring/

 

Configuring ESLint

 

eslint.org

.eslintrc.json으로 해보자

{
  // preset 설정
  "extends": "eslint:recommended",
  // 어떤 환경에서 실행할지
  "env": {
    "browser": true
  }
}

app.js

var foo = 5;

document.write(foo);

검사

eslint app.js
728x90

'FrontEnd > Webpack' 카테고리의 다른 글

PostCSS  (0) 2022.01.03
SASS  (0) 2022.01.03
Babel  (0) 2022.01.02
Webpack 설치  (0) 2022.01.02
Webpack이란?  (0) 2022.01.02
Comments