맥으로 작업중인 프로젝트를 윈도우에서 켜게 되면 위와 같은 에러가 표시된다. 이 에러가 표시되는 이유는 윈도우에서는 파일에 CRLF를 사용하고 맥에서는 LF로 파일을 저장하기 때문이다.
이 둘 시스템간의 차이를 극복하기 위해서는 eslint 설정을 바꿔줘야 한다.
eslint를 사용해서 LF로 통일시키기
.eslintrc.js
첫번쨰 줄은,
linebreak-style을 error로 줘서 무조건 에러가 나게끔 만든다음에 eslint autofix를 이용해 에러가 났을때 end of line이 \r\n(CRLF)인 경우 윈도우 설정대로 바꾸고 아닌경우 유닉스 스타일(LF)로 바꾸는 설정이다.
두번쨰줄은,
eslint와 prettier를 같이 쓰기 위해서 설정한 eslint-config-prettier에서 라인 엔딩 관련한 에러설정을 자동으로 변경해주기 위해서 설정했다. (참고)