Gatsby Plugin Typescript SCSS Modules

This GatsbyJS plugin facilitates the use of SCSS imports with TypeScript. Using this plugin, you can import an *.scss file and webpack will automatically generate typings.

The code is a hybrid of gatsby-plugin-typescript-css-modules and Gatsbys official SCSS plugin.

Ultimately, this is an extension of typings-for-css-modules-loader.

Use

In my experience, this module requires node-sass and sass-loader to be dependencies of the gatsby project.

npm i gatsby-plugin-typescript-scss-modules

Then, add the plugin to your gatsby-config.js...

  "gatsby-plugin-typescript-scss-modules"
]