Cannot access directly the style from style object

After upgrading to 4.0.0 I have some issue with access to style object.

• Previous version: 3.0.1

// This file is automatically generated.
// Please do not change this file!
interface CssExports {
  'container': string;
  'large': string;
  'medium': string;
  'small': string;
}
declare const cssExports: CssExports;
export = cssExports;

usage console.log(style.container);

• Version: 4.0.0

// This file is automatically generated.
// Please do not change this file!
interface CssExports {
  'container': string;
  'large': string;
  'medium': string;
  'small': string;
}
export const cssExports: CssExports;
export default cssExports;

usage console.log(style.default.container);

Now I have to add one more key .default to access to the style object

[PhillipWinder]

I have the exact same issue as @tonyelewis

If I do

import * as styles from "./TabHeader.css";

the code works, but TypeScript throws errors.

If I do

import styles from "./TabHeader.css";

TypeScript is happy but the code does not work.

A downgrade from 4.0.0 to 3.0.1 fixes the issue but is obviously not a long term solution.

Anyway, thanks for the loader! 😃

[Liar0320]

@tonyelewis When I was using it, I found similar problems, It will only be right the first time it works that import styles from "./xxxx" ,second import styles from "./xxxx" will wrong .

That’s how I do it. i find this issues esModule option behaviour

Solve in this file style-loader/src/index.js Line 28

// delete options.esModule; 

it will work right. But I didn’t find the reason why delete options.esModule in the code.