export locals instead of default

css-loader exports mappings to exports.locals, not to exports.default

Author: Zalastax

src/cssModuleToInterface.js

@@ -47,8 +47,7 @@ export const generateGenericExportInterface = (cssModuleKeys, filename, indent)
 `export interface ${interfaceName} {
 ${interfaceProperties}
 }
-declare const styles: ${interfaceName};
 
-export default styles;
+export const locals: ${interfaceName};
 `);
 };

test/entry.ts

@@ -1,5 +1,5 @@
-import stylesBase from './example.css';
-import stylesCamelCase from './example-camelcase.css';
+import {locals as stylesBase} from './example.css';
+import {locals as stylesCamelCase} from './example-camelcase.css';
 import * as stylesNamedExport from './example-namedexport.css';
 import * as stylesCamelCasedNamedExport from './example-camelcase-namedexport.css';
 

test/example-camelcase.css.d.ts

@@ -3,6 +3,5 @@ export interface IExampleCamelcaseCss {
   'bar-baz': string;
   'barBaz': string;
 }
-declare const styles: IExampleCamelcaseCss;
 
-export default styles;
+export const locals: IExampleCamelcaseCss;

test/expected-example-camelcase.css.d.ts

@@ -3,6 +3,5 @@ export interface IExampleCamelcaseCss {
   'bar-baz': string;
   'barBaz': string;
 }
-declare const styles: IExampleCamelcaseCss;
 
-export default styles;
+export const locals: IExampleCamelcaseCss;

test/expected-example.css.d.ts

@@ -2,6 +2,5 @@ export interface IExampleCss {
   'foo': string;
   'bar-baz': string;
 }
-declare const styles: IExampleCss;
 
-export default styles;
+export const locals: IExampleCss;