---
# System prepended metadata

title: styled component로 만든 class 이름 디버깅 하기 좋게 만들기
tags: [tech sharing]

---

# styled component로 만든 class 이름 디버깅 하기 좋게 만들기

https://github.com/styled-components/babel-plugin-styled-components

```
npm install --save-dev babel-plugin-styled-components
```

```
{
  "plugins": ["babel-plugin-styled-components"]
}
```

## 결과
![](https://i.imgur.com/JgnJ370.png)

실제로 배포를 할 때는 이 모듈을 삭제하고 plugin을 삭제하는 것이 더 좋을 것 같다.

###### tags: `tech sharing`