css자동생성 질문 채택완료

제가 반응형 코드로 css에서 --fs-1 에서 --fs-1000까지에 계산식을 넣어서 쓰는데요.

 

이걸 또 브레이크포인트마다 만들다보니 css코드가 너무 길어집니다. 

 

작업하다보면 1000넘어가는것도 있고, 소수점도 있고 하다보니 매번 작업할때마다 추가하는게 버거롭더라구요.

 

npm에 watch같은걸로 소스코드 감시하는 그런 툴이 있던데

 

제가 수정파일에서 var(--fs-3)이런게 나오면 별도의 style.css파일에 :root{--fs-3:3rem:}이런식으로 중복안되게 

 

자동으로 만들어주는 플러그인이 있을까요?

답변 1개

채택된 답변
+20 포인트

아래 chokidar한번 써보세요. 파일수정되는 이벤트에서 정규식같은걸로 체크해서 처리하면 될거같습니다.
https://www.npmjs.com/package/chokidar

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고