Improve the debugging experience and add server-side rendering support to styled-components
npm install babel-plugin-styled-componentsbabel-plugin-styled-componentsThis 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:
`JSON``
{
"plugins": ["babel-plugin-styled-components"]
}
See Github Releases
The documentation for this plugin lives on the styled-components website!
- Usage
- Better debugging
- Minification
Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.
See LICENSE.md for more information.