https://github.com/chmln/typescript-css-modules-loader
Loader to generate typescript declaration files (.d.ts) from css modules
https://github.com/chmln/typescript-css-modules-loader
Last synced: 10 months ago
JSON representation
Loader to generate typescript declaration files (.d.ts) from css modules
- Host: GitHub
- URL: https://github.com/chmln/typescript-css-modules-loader
- Owner: chmln
- License: mit
- Created: 2017-08-18T16:42:47.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-21T15:51:58.000Z (almost 9 years ago)
- Last Synced: 2025-01-24T16:43:32.595Z (over 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 34.2 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# typescript-css-modules-loader
Loader to generate typescript declaration files (.d.ts) from css modules.
Should be used in tandem with `enhanced-css-loader`.
## Installation
`yarn add typescript-css-modules`
`npm i typescript-css-modules`
## Usage with `.css` files
```js
{
test: /\.css$/,
loaders: [
{ loader: "style-loader" },
{ loader: "typescript-css-modules-loader" },
],
}
```
## Usage with preprocessors (Sass, Stylus, Less, etc)
If you're using a preprocessor, put `"typescript-css-modules-loader"` just before your preprocessor loader.
```js
{
test: /\.styl$/,
loaders: [
{ loader: "style-loader" },
{ loader: "typescript-css-modules-loader" },
{ loader: "stylus-loader" },
],
}
```
## Example
In: `styles.styl`
```stylus
.component
display flex
```
Out: `styles.styl.d.ts`
```typescript
declare const styles: {
"component": () => string,
}
export = styles
```