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

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