typescript-css-modules-loader-for-normal-css-loader

typescript-css-modules-loader

Loader to generate typescript declaration files (.d.ts) from css modules.

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;