prettier config 패키지 생성

[[eslint-config 분리|eslint-config 분리]]에 이어 prettier-config도 생성
packages/prettier-config 파일에 prettier 설치

pnpm init
pnpm add -D prettier

index.js 생성

// prettier.config.js, .prettierrc.js, prettier.config.mjs, or .prettierrc.mjs

/**
 * @see https://prettier.io/docs/configuration
 * @type {import("prettier").Config}
 */
const config = {
    trailingComma: 'all',
    tabWidth: 2,
    semi: true,
    printWidth: 100,
    singleQuote: true,
    bracketSpacing: true,
    useTabs: false,
    endOfLine: 'auto',
    arrowParens: 'avoid',
  };
  
export default config;

만들어주고, changeset을 통해 릴리즈 준비를 한다.

1. pnpm changeset 하여 변경 사항에 대한 .md 형식의 로그를 만들어줌.
   1. 변경 사항에 따라 major, minor, patch 등 선택하고, summary를 작성한다.
2. 전부 main에 push하면 github actions를 통해 자동 배포의 루트를 걷는다.

하고 나면 변경 사항들에 대한 PR이 생성될 것이다. 이 PR은 팀 내부에서 확인용으로 사용하고, 최종 병합을 하게 되면 해당 사항에 npm 패키지에 반영된다.

배포가 잘 되면, 사용처에 가서

pnpm add -D @helper-robotics/prettier-config

prettier.config.mjs

import prettierConfig from '@helper-robotics/prettier-config';

export default { ...prettierConfig };

적용시켜주면 끝 !
잘 돌아간다!