Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-babel-styled-components

npm (scoped) semantic-release styled with prettier

A Gatsby plugin to add the styled-components babel plugin.

Install

$ npm install --save @raygesualdo/gatsby-plugin-babel-styled-components

How to Use

Add the plugin to your gatsby-config.js file.

plugins: ['@raygesualdo/gatsby-plugin-babel-styled-components']

This plugin automatically enables the ssr feature. All other features can be configured via this plugin’s config object.

plugins: [
  {
    resolve: '@raygesualdo/gatsby-plugin-babel-styled-components',
    options: {
      ssr: true, // override default
      displayName: false,
      preprocess: true,
      minify: false,
      transpileTemplateLiterals: false,
    },
  },
]
© 2023 Gatsby, Inc.