Support --namedExport option

[mizdra]

Background

In css-loader@7, namedExport now defaults to true (I'm not sure of the motivation behind this change.).

• https://github.com/webpack-contrib/css-loader/releases/tag/v7.0.0
• refactor!: minimum supported Node.js version is 18.12.0 webpack-contrib/css-loader#1583

So css-loader@7 forces you to import CSS Modules files as follows:

import * as styles from './foo.module.css';

On the other hand, happy-css-modules generates .d.ts with default export.

happy-css-modules/packages/example/01-basic/1.css.d.ts

Lines 1 to 21 in 6133916

	declare const styles:
	& Readonly<{ "basic": string }>
	& Readonly<{ "cascading": string }>
	& Readonly<{ "cascading": string }>
	& Readonly<{ "pseudo_class_1": string }>
	& Readonly<{ "pseudo_class_2": string }>
	& Readonly<{ "pseudo_class_3": string }>
	& Readonly<{ "multiple_selector_1": string }>
	& Readonly<{ "multiple_selector_2": string }>
	& Readonly<{ "combinator_1": string }>
	& Readonly<{ "combinator_2": string }>
	& Readonly<{ "at_rule": string }>
	& Readonly<{ "selector_list_1": string }>
	& Readonly<{ "selector_list_2": string }>
	& Readonly<{ "local_class_name_1": string }>
	& Readonly<{ "local_class_name_2": string }>
	& Readonly<{ "local_class_name_3": string }>
	& Readonly<{ "local_class_name_4": string }>
	;
	export default styles;
	//# sourceMappingURL=./1.css.d.ts.map

Therefore happy-css-modules forces you to import CSS Modules files as follows:

import styles from './foo.module.css';

This causes compatibility problems.

My opinion

I don't know how to solve this.

happy-css-modules previously supported --namedExport option. However, it was removed due to problems with definition jumps not working.

• https://github.com/mizdra/happy-css-modules/blob/main/designs/0002-strict-type-checking.md#should-named-exports-be-supported

There was also a problem with TypeScript completion items containing a large number of tokens (a token is the internal name of the item being exported).

• https://github.com/mizdra/happy-css-modules/blob/main/designs/0002-strict-type-checking.md#should-named-exports-be-supported

For this reason, I think we should not support --namedExport option.

Workaround

Please set the namedExport option to false in css-loader.