css-modules-flow-types-loader

    2.0.0 • Public • Published

    css-modules-flow-types-loader npm version

    Webpack loader for creating Flow type definitions based on CSS Modules files.

    This gives you:

    • auto-completing for css files in most editors
    • flow type safety showing usage of non existing classes

    Example

    Given the following css file using CSS Modules:

    @value primary: red;
    
    .myClass {
      color: primary;
    }

    css-modules-flow-types creates the following .flow file next to it:

    // @flow
    /* This file is automatically generated by css-modules-flow-types */
    declare module.exports: {|
      +'myClass': string;
      +'primary': string;
    |};

    Usage

    The css-modules-flow-types-loader need to be added right after after style-loader:

    $ npm install --dev css-modules-flow-types-loader
    $ yarn install -D css-modules-flow-types-loader
    {
      test: /\.css$/,  // or the file format you are using for your CSS Modules
      use: [
        'style-loader',
        'css-modules-flow-types-loader',
        // Other loaders like css-loader after this:
        {
          ...
        }
      ]
    }

    Inspiration

    License

    This software is released under the MIT License.

    Install

    npm i css-modules-flow-types-loader

    DownloadsWeekly Downloads

    1,883

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    4.32 kB

    Total Files

    3

    Last publish

    Collaborators

    • skovhus