babel-plugin-styled-2rem

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

Usage no npm install needed!

<script type="module">
  import babelPluginStyled2rem from 'https://cdn.skypack.dev/babel-plugin-styled-2rem';
</script>

README

`babel-plugin-styled-2rem`

This plugin is a highly recommended supplement to the base styled-2rem 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-2rem uses

Quick start

Install the plugin first:

npm install --save-dev babel-plugin-styled-2rem

Then add it to your babel configuration:

{
  "plugins": ["babel-plugin-styled-2rem"]
}

Documentation

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

License

Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.

See LICENSE.md for more information.