Skip to content
This repository has been archived by the owner on Oct 11, 2022. It is now read-only.

Add the styled-components Babel plugin to your create-react-app app via react-app-rewired

License

Notifications You must be signed in to change notification settings

withspectrum/react-app-rewire-styled-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-app-rewire-styled-components

Add the babel-plugin-styled-components to your create-react-app app via react-app-rewired.

This gives you nicer generated class names that include the components' name, minification of styles and many more goodies 💪

Installation

npm install --save react-app-rewire-styled-components
# alternatively if you have yarn installed
yarn add react-app-rewire-styled-components

Usage

In the config-overrides.js you created for react-app-rewired add this code:

const rewireStyledComponents = require('react-app-rewire-styled-components');

/* config-overrides.js */
module.exports = function override(config, env) {
  config = rewireStyledComponents(config, env);
  return config;
}

That's it, you're now using the styled-components Babel plugin!

To pass options to the Babel plugin use the third argument, it passes straight through to the plugin:

config = rewireStyledComponents(config, env, {
  ssr: true,
})

See the available options in the styled-components documentation.

License

Licensed under the MIT License, Copyright ©️ 2017 Maximilian Stoiber. See LICENSE.md for more information.