babel-plugin-emotion is highly recommended. All of the options that can be provided to
babel-plugin-emotion are documented in
emotion version 8 and above, installation is optional. In older versions, installation is required. See the installation instructions.
styled('div') will work without the plugin
Any leading/trailing space between properties in your
styled blocks is removed. This can reduce the size of your final bundle.
Uglifyjs will use the injected
/*#__PURE__*/ flag comments to mark your
styled blocks as candidates for dead code elimination.
Generated CSS that is eligible for extraction can be moved to an external css file.
Convenient helper for calling
css and appending the generated className during compile time.
The ability to refer to another component to apply override styles depending on nesting context. Learn more in the react-emotion docs.