https://github.com/denis-ok/gatsby-plugin-bs-css-emotion

Gatsby plugin to use ReScript or Reason with bs-css-emotion
https://github.com/denis-ok/gatsby-plugin-bs-css-emotion

Last synced: about 1 month ago
JSON representation

Gatsby plugin to use ReScript or Reason with bs-css-emotion

• Host: GitHub
• URL: https://github.com/denis-ok/gatsby-plugin-bs-css-emotion
• Owner: denis-ok
• Created: 2021-11-15T18:32:33.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-21T21:32:26.000Z (about 3 years ago)
• Last Synced: 2024-04-26T17:13:40.194Z (9 months ago)
• Language: JavaScript
• Size: 529 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# gatsby-plugin-bs-css-emotion

### Gatsby plugin to use bs-css-emotion with ReScript or Reason/Bucklescript.

This plugin enables extracting critical styles when you use Gatsby with Emotion v11+ (`@emotion/css`) and components with `className` prop.

The official `gatsby-plugin-emotion` unfortunately extracts only styles added with `@emotion/react` and `css` prop.

The usage of `className` prop is the only option when you use Rescript/Reason/Bucklescript with `bs-css-emotion` bindings that use `@emotion/css` under the hood.

## Install

```

npm install gatsby-plugin-bs-css-emotion

```

Add `gatsby-plugin-bs-css-emotion` to your `gatsby-config.js`:

```js

{

  plugins: [

    `gatsby-plugin-bs-css-emotion`,

    // your plugins...

  ]

}

```