css-dts

Create from css files typescript definition file

It be useful for webpack css-modules https://github.com/webpack/css-loader https://github.com/css-modules/css-modules#css-modules with typescript

Install

npm i -g css-dts

How to use

css-dts foo.css

.foo {
    color: red;
}

.foo-bar {
    color: green;
}

Will generate foo.css.d.ts

export let foo:''
export let fooBar:''

Now you can get classes names from ts files

import * as style from './foo.css'
export class Foo extends React.Component<{}, {}>{
   render(){
      return <div className={style.foo}>Foo</div>
   }
}

This module useful as watcher for IDE

webstorm