siddharthkp / babel-plugin-styled-components-require Goto Github PK

Babel plugin that adds styled-components import declaration.

Your component.js that contains this code:

const Card = styled.div`
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 2px;
  padding: 10px;
`;
export default Card;

will be transpiled to:

import styled from 'styled-components';

const Card = styled.div`
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 2px;
  padding: 10px;
`;
export default Card;

npm install babel-plugin-styled-components-require --save-dev

Add styled-components-require into .babelrc

{
  "plugins": [
    "styled-components-require"
  ]
}

✓ add import statement if styled.* is present

✓ do not add to already transpiled code

✓ do not add import styled-components twice

✓ do not add if it already imported

⭐ this repo

MIT © siddharthkp