babel-plugin-styled-components

styled-components
popular js
babel-plugin-styled-components JS library homepage babel-plugin-styled-components JS library on GitHub babel-plugin-styled-components JS library on npm Download babel-plugin-styled-components JS library

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

Version 2.1.4 License MIT Vulnerabilities 0
babel-plugin-styled-components JS library homepage
babel-plugin-styled-components JS library on GitHub
babel-plugin-styled-components JS library on npm
Download babel-plugin-styled-components JS library
Keywords
styled-componentscss-in-jsbabel-pluginserver-side renderingssrdisplayName
INSTALL
Type:
Version:
<script src=" https://cdn.jsdelivr.net/npm/babel-plugin-styled-components@2.1.4/lib/visitors/transpileCssProp.min.js "></script>
No default JS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
Readme Files Statistics Browse CDN

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"]
}

Changelog

See Github Releases

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.