Skip to content

garthenweb/parcel-plugin-css-modules-type-generator

Repository files navigation

Parcel Plugin CSS Modules Type Generator

Generates .d.ts files for your CSS modules with Parcel.

Build Status

This plugin is inspired by typed-css-modules, it will generate .d.ts files for your CSS modules so you have proper typing for your styles.

As Parcel already handles watching of files and generates CSS modules this plugin is super easy to use and works out of the box, you don't need to run tasks in parallel while working on your code to get proper types.

Further it supports all kind of extensions that compile to CSS (only those that are supported by Parcel) out of the 📦, e.g. scss, less and stylus.

Installation

Just add the plugin to your package.json:

npm install --save-dev parcel-plugin-css-modules-type-generator

Parcel will handle the rest for you! 🚀

Please note that you need to activate CSS modules for Parcel by adding a .postcssrc file to the main directory with the following content:

{
  "modules": true
}

License

Licensed under the MIT License.