Webinar

“Digging into Gatsby 5’s Slice API” Register now

ContactSign Up for Free
Community Plugin
View plugin on GitHub

gatsby-plugin-css-modules-typings

A Gatsby plugin that provides typings for css modules.

The reason this plugin is created is because the ones that are already out there, have multiple problems, for example not working with newer versions of Gatsby, or transforming ALL css files regardless of if they’re modules or not.

Based on https://github.com/RobertMenke/gatsby-transformer-typescript-css-modules

Install

npm i gatsby-plugin-css-modules-typings

Then add the plugin to your gatsby-config.js file:

plugins: [
  // ...
  "gatsby-plugin-css-modules-typings",
]

Now you can import styles normally in TypeScript:

import * as styles from "./my.module.css"

:warning: This plugin only creates typings for CSS Modules, meaning files which names are ending with .module.css.

License

MIT License

© 2022 Gatsby, Inc.