react-app-rewire-typings-for-css-module

Description

Use typings-for-css-module-loader for generate _.d.ts file for css module(Both _.module.css and *.modules.scss")

Add css-modules-typescript-loader after css-loader to generate typedefined file,

For support css loader version >= 4.0.0, use v4.0.3: https://github.com/rainx/react-app-rewire-typings-for-css-module/releases/tag/4.0.3 For support css loader version is 3.x.x, use v3.0.0: https://github.com/rainx/react-app-rewire-typings-for-css-module/releases/tag/3.0.0 For support css loader version is 2.x.x, use v2.0.0: https://github.com/rainx/react-app-rewire-typings-for-css-module/releases/tag/2.0.0 For support css loader version < 2.0.0, use v1.0.0: https://github.com/rainx/react-app-rewire-typings-for-css-module/releases/tag/1.0.0

Usage

> yarn add --dev css-modules-typescript-loader react-app-rewire-typings-for-css-module

# or np m

> npm install --save-dev css-modules-typescript-loader react-app-rewire-typings-for-css-module

and edit your config-overrides.js file

const rewireTypingsForCssModule = require("react-app-rewire-typings-for-css-module");

module.exports = {
  webpack: function(config, env) {
    /**
     * Add this line
     */
    config = rewireTypingsForCssModule(config);
    return config;
  }
};

If you wanna customized options for css-loader you could use the factory to get a new rewireTypingsForCssModule

// no addition options
config = rewireTypingsForCssModule.factory({})(config);