TypeScript - create universal CSS module import type declaration for *.scss files (when style-loader with ES Module option is used)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// ⚠️WARNING⚠️: if you use Webpack do not forget to configure *.scss rules
//              in webpack.config.js: style-loader, css-loader and sass-loader.


// ------------------------------------------------------------------------
// inside 'src/declaration.d.ts' file add:
// ------------------------------------------------------------------------

// ...

declare module '*.scss' {
    const content: Record<string, string>;
    export = content;
}

// ...



// ------------------------------------------------------------------------
// from now you can import *.scss files in TypeScript without errors, e.g.:
// ------------------------------------------------------------------------

// ...

import * as style from './style.scss';

// ...