rans>Skip to main content
Community Plugin
View plugin on GitHub
See starters using this

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

Docs
Tutorials
Plugins
Blog
Showcase