Skip to content

Latest commit

 

History

History
53 lines (38 loc) · 896 Bytes

2006 styledComponent를 개발환경에서 디버깅이 쉽도록 구성.md

File metadata and controls

53 lines (38 loc) · 896 Bytes

Issue: styledComponent를 개발환경에서 디버깅이 쉽도록 구성

상황:

해쉬된 클래스네임으로 인해 브라우저상에서의 디버깅이 힘든 부분을 해결하려는 상황


생각해낸 방안:

  • babel-plugin-styled-components 적용

방안: babel-plugin-styled-components 적용(성공)


  • 설치
    • npm install --save-dev babel-plugin-styled-components
  • babel 설정파일 추가
{
"plugins":  ["babel-plugin-styled-components"]
}



    참조:

    https://blog.woolta.com/categories/1/posts/198