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

{
  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.

{
  test: /\.styl$/,
  loaders: [
    { loader: "style-loader" },
    { loader: "typescript-css-modules-loader" },
    { loader: "stylus-loader" },
  ],
}

Example

In: styles.styl

.component
  display flex

Out: styles.styl.d.ts

declare const styles: {
  "component": () => string,
}

export = styles