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.
Features which are enabled with the babel plugin
Any leading/trailing space between properties in your
styled blocks is removed. This can reduce the size of your final bundle.
Dead Code Elimination
Uglifyjs will use the injected
/*#__PURE__*/ flag comments to mark your
styled blocks as candidates for dead code elimination.
Components as selectors
The ability to refer to another component to apply override styles depending on nesting context. Learn more in the styled docs.