Type files not being generated with named/default import

[w0nche0l]

Hello, I have a project that is run using create-react-app and customize-cra, here is what I do in my config-overrides.js

  addWebpackModuleRule({
    test: /\.scss$/i,
    use: [
      "style-loader",
      {
        loader: "@teamsupercell/typings-for-css-modules-loader",
        options: {
          banner:
            "// autogenerated by typings-for-css-modules-loader. \n// Please do not change this file!"
        }
      },
      {
        loader: "css-loader",
        options: { modules: true }
      },
      "sass-loader"
    ]
  }),

The issue that I'm having is that if the types are only getting generated if I do this:

import './colors.scss';

and not if i do:

import {background} from './colors.scss';
OR 
import styles from './colors.scss';

I feel like I must be missing something obvious... any help would be appreciated :)

[inoyakaigor]

Have the same problem. But in my case, definitions are not generated at all. I suspect that this is due to the update of the mini-css-extract-plugin to 0.10 version, but I haven't investigated this problem yet.

[inoyakaigor]

Solved my problem by changing the loaders order.
Before:
typings-for-css-loader ⬅ mini-css-loader ⬅ css-loader
After
mini-css-loader ⬅ typings-for-css-loader ⬅ css-loader

[CanTheAlmighty]

I'm having the exact same issue as @w0nche0l, and changing the order of the loaders didn't do anything (in fact, it broke the process).

[bahtou]

@CanTheAlmighty @w0nche0l can you provide a reproducible example?

[e-osuna-g]

Also having this issue.