babel-plugin-styled-components

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

Github stars Tracking Chart

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

Quick start

Install the plugin first:

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

Then add it to your babel configuration:

{
  "plugins": ["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.

Main metrics

Overview
Name With Ownerstyled-components/babel-plugin-styled-components
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 1)
Platform
License:MIT License
所有者活动
Created At2016-10-24 20:26:47
Pushed At2024-04-06 02:41:20
Last Commit At
Release Count68
Last Release Namev2.1.4 (Posted on )
First Release Namev0.1.0 (Posted on 2016-10-25 00:42:40)
用户参与
Stargazers Count1.1k
Watchers Count29
Fork Count143
Commits Count486
Has Issues Enabled
Issues Count232
Issue Open Count74
Pull Requests Count122
Pull Requests Open Count13
Pull Requests Close Count43
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private