@hookydev/babel-plugin-styled-components

Forked version that can work with xstyled - Improve the debugging experience and add server-side rendering support to styled-components

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@hookydev/babel-plugin-styled-components
201.10.7-13 years ago3 years agoMinified + gzip package size for @hookydev/babel-plugin-styled-components in KB

Readme

babel-plugin-styled-components

This is the forked version that can work with xstyled library

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

Quick start

Install the plugin first:
npm install --save-dev @hookydev/babel-plugin-styled-components

Then add it to your babel configuration:
{
  "plugins": ["@hookydev/babel-plugin-styled-components"]
}

Documentation

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

License

Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.
See LICENSE.md
for more information.