WordPress 개발에서 ESLin의 extends는 recommmended-with-formatting을 사용합니다

결론
WordPress 개발 환경을 구축할 때 .eslintrc.* @wordpress/eslint-plugen/recommmmended-with-formatting 쓰기
.esrintrc.yml
extends:
  - plugin:@wordpress/eslint-plugin/recommended-with-formatting
JSON이면...
.eslintrc.json
{
    "extends": [ "plugin:@wordpress/eslint-plugin/recommended-with-formatting" ]
}
WordPress 인코딩 규약을 반영하지 못함
다음은 과정의 해설이다.
WordPress 공식 브로셔와 해설 블로그는 다음과 같이 지정되어 있다.
.eslintrc.json
{
    "extends": [ "plugin:@wordpress/eslint-plugin/recommended" ]
}
저는 Yaml로 쓰는 걸 좋아해요.다음과 같이 기술하다.
.esrintrc.yml
extends:
  - plugin:@wordpress/eslint-plugin/recommended
그러나 아무리 시도해도 WordPress가 추천하는 형식이 될 수 없다. 예를 들어 매개 변수의 공백을 채워야 한다고 지적하는 것이다.

WordPress가 추천하는 인코딩 규칙은 원래 매개 변수와 배열 등의 괄호로 공간을 여는 규칙이 절반을 차지하는데 이것은 매우 이상하다.
그래서 우리는 @wordpress/gutenberg의 GiitHub 창고를 조사했다.
@wordpress/scripts에 설치된 각종 포장은 @wordpress/gutenberg에 포함되어 있습니다.
예를 들어eslint-plugen은 packages>eslint-plugin에 있다.
그곳에서'eslint'을 포함하는 issue를 검색하여 한쪽에서 본 부분에서 다음과 같은 평어를 발견했습니다.
https://github.com/WordPress/gutenberg/issues/24160#issuecomment-716211969
@aduth the issue seems to be that prettier conflicts with other (default) options of eslint, which undoes fixes it applies, ending up with a mess.
Solution: use "plugin:@wordpress/eslint-plugin/recommended-with-formatting"instead of "plugin:@wordpress/eslint-plugin/recommended"to get rid of this "problem".
간단히 말하면'plugen:@wordpress/eslint-plugien/recommmended를 사용합니다.plugen:@wordpress/eslint-plugended-with-formatting이 아니라'plugen:@wordpress/eslint-plugended-with-formatting을 사용합니다'.
맛없을 것 같다'고 생각하면서 해봤어요.
.esrintrc.yml
extends:
-  - plugin:@wordpress/eslint-plugin/recommended
+  - plugin:@wordpress/eslint-plugin/recommended-with-formatting

///오류가 사라졌습니다!
이렇게 되면 기쁘고 축하할 만합니다. 다음은 @wordpress/eslint-plugended-with-formatting을 사용하십시오.
@wordpress/eslint-plugin/recommended-with-formatting
겸사겸사 필기를 좀 하다.
WordPress 공식 매뉴얼에서 Recommmmended-with-formatting에 대해 다음과 같은 내용을 썼다.
There is also recommended-with-formatting ruleset for projects that want to opt out from Prettier. It has the native ESLint code formatting rules enabled instead.
ESLight의 포맷기는 Proettier를 사용하지 않는 프로젝트 규칙 그룹에서 유효합니다.
하지만 많은 해설 사이트에는'Pretter가 필요 없고 ESLin만 있으면 되니 recommonded만 지정하면 된다'는 말이 적혀 있어 아무리 생각해도 이게 용도상 적합했다(사실 나도 이렇게 목적을 달성했다).
한 마디로 하면recommmended-with-formatting을 사용한 것은 해외 사이트를 포함해 상술한 issue 평론을 포함하여 비망록으로 보존하고 있다.

좋은 웹페이지 즐겨찾기