https://facebook.com/groups/graphql-kr logo
#질문
Title
# 질문
w

whatastunning

12/16/2021, 2:10 AM
안녕하세요~ 지난 번에 graphql-code-generator 관련해서 좋은 답변 해주신 덕에 실제 프로젝트에 사용하게 되었습니다 감사드립니다 🙇 이제 실제 사용을 위해 프로젝트에 어떤 옵션을 적용시킬 수 있는지 테스트해보고 있는 중인데 또 다시 궁금한 점이 생겨 질문 드리게 되었습니다 1. cli 명령어를 입력해 code를 생성하고자 했을 때 정상적으로 동작하나, 거듭 실행하면 아래 스크린샷과 같이 자동 생성 파일이 계속 중첩됩니다. 관련 설정이 overwrite인거 같아서 true 값을 줬는데도 이렇게 되는군요... 어떻게 된 일인지 잘 파악되지 않네요. 추측하기로는 generated.ts 파일 내부에 있는 쿼리 파일을 다시 읽게 되어서 생성하는거 같은데 exclude 설정 같은건 없는거 같기도 하고... codegen.yml 파일도 같이 첨부해봅니다.
h

Hyeseong Kim

12/16/2021, 3:07 AM
Copy code
documents:
  - 'src/**/*.tsx'
  - '!*.generated.ts'
처럼 하시면됩니다. glob ignore path
w

whatastunning

12/16/2021, 3:12 AM
오! 잘 되네요 감사드립니다 🙇‍♂️
a

Alucard

12/16/2021, 6:30 AM
operation 들을
.graphql
파일에만 작성하는 방법도 있을 것 같아요,,! 확실하게 분리할 수 있어서
w

whatastunning

12/16/2021, 7:02 AM
@Alucard 의견 감사합니다! 그 부분도 고민이 되는 부분인데요 이유는 다음과 같습니다 • 컴포넌트와 쿼리가 한 파일 안에 있으면 어떤 형태의 데이터가 사용될지 명확하게 파악할 수 있음. 하지만 사용하는 쿼리의 종류가 많아지면 관리가 애매해짐. • .graphql 파일로 분리하면 operation을 분리할 수 있음 but 컴포넌트 하나에 컴포넌트 파일 + 스타일 + generate 파일 + graphql 파일 등 파일 수가 너무 많아짐
a

Alucard

12/16/2021, 8:16 AM
그렇죠 ㅎㅎ 거기다 +테스트 파일 까지 하면 진짜 많긴해요
https://the-guild.dev/blog/graphql-codegen-best-practices 저는 이 가이드 보고 나서 .graphql 을 쭉 하다가 팀에서 같은 파일에 놓자고 의견이 나와서 요즘엔 .tsx 에 포함시키고 있긴 합니당
graphql 1
👍 1