https://github.com/garthenweb/parcel-plugin-css-modules-type-generator
Generates .d.ts files for CSS modules with Parcel
https://github.com/garthenweb/parcel-plugin-css-modules-type-generator
css css-modules modules parcel types typescript
Last synced: 9 months ago
JSON representation
Generates .d.ts files for CSS modules with Parcel
- Host: GitHub
- URL: https://github.com/garthenweb/parcel-plugin-css-modules-type-generator
- Owner: garthenweb
- License: mit
- Created: 2019-02-26T21:53:20.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T12:58:51.000Z (about 3 years ago)
- Last Synced: 2025-04-19T12:46:14.586Z (9 months ago)
- Topics: css, css-modules, modules, parcel, types, typescript
- Language: JavaScript
- Homepage:
- Size: 1.18 MB
- Stars: 12
- Watchers: 1
- Forks: 1
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Parcel Plugin CSS Modules Type Generator
Generates .d.ts files for your CSS modules with [Parcel](https://parceljs.org).
[](https://www.npmjs.com/package/parcel-plugin-css-modules-type-generator)
[](https://travis-ci.org/garthenweb/parcel-plugin-css-modules-type-generator)
This plugin is inspired by [typed-css-modules](https://www.npmjs.com/package/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:
```json
{
"modules": true
}
```
## License
Licensed under the [MIT License](https://opensource.org/licenses/mit-license.php).