300x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- chromatic
- eslint 자동화
- css instead of js
- 우테코
- JavaScript
- 크로마틱
- eslint에러 자동fix
- 프로젝트
- 자바스크립트
- CSS
- 성능 베이스캠프
- react
- Husky
- IDL attributes
- 협업
- 유틸함수
- 클로저
- 카페인
- 우아한테크코스
- 이슈번호자동화
- prettier 자동화
- webpack
- vscode
- git hooks
- string-width
- 프로젝트 카페인
- importOrder
- 클린코드
- import정리
- storybook
Archives
- Today
- Total
목록importOrder (1)
FEB:)DAIN
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ln0tL/btsnLuRgL3M/dcDOVJZdvi8yiUmswRDCY1/img.png)
프로젝트를 진행하다가 규칙도 없고 중구난방인 import를 정리하고 싶어졌다. import 순서를 eslint, prettier로 정리할 수 있는데 나는 prettier로 정리하기로 했다. 아래의 순서대로 진행하면 import를 깔끔하게 정리할 수 있다. 1) @trivago/prettier-plugin-sort-imports 설치 yarn add -D @trivago/prettier-plugin-sort-imports // or npm i --save-dev @trivago/prettier-plugin-sort-imports 2) .prettierrc 설정 // .prettierrc { "importOrder": [ "^react(.*)", "^@tanstack/(.*)$", "^@map/(.*)$",..
기록/프로젝트 카페인
2023. 7. 15. 22:52