babel-plugin-styled-components

v1.10.2-ej2

Improve the debugging experience and add server-side rendering support to styled-components

styled-components css-in-js babel-plugin server-side rendering ssr displayName

`babel-plugin-styled-components`

This plugin is a highly recommended supplement to the base styled-components library, offering some useful features:

consistently hashed component classNames between environments (a must for server-side rendering)
better debugging through automatic annotation of your styled components based on their context in the file system, etc.
various types of minification for styles and the tagged template literals styled-components uses

Install the plugin first:

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

Then add it to your babel configuration:

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

The documentation for this plugin lives on the styled-components website!

See LICENSE.md for more information.