Angular 2 : Cannot find module 'sass-variable-loader'

[pierred69]

Hello,

I installed the library using yarn (yarn add sass-variable-loader, then I try to import a sass file, but when I run the app on webpack, I got the message "Cannot find module 'sass-variable-loader'".

I just installed the lib and try to use this import :

import colors from 'sass-variable-loader!style/colors.scss';

The aim is to get the sass variables as js variables into an object.

I followed the main instructions but seems not to be recognized.

Is there something to do in the webpack configuration or something ?
Thx

[christo8989]

This might be an angular/typescript "issue".
I follow this article to import files other than typescript files.

[dani-coll]

Try putting two exclamation marks before the loader name like
import colors from '!!sass-variable-loader!style/colors.scss';

It worked for me with npm, angular cli & angular 6, but it still shows a typescript error that cannot find module, which isn't true because it's working, so I ignored it like this

// @ts-ignore
import colors from '!!sass-variable-loader!style/colors.scss';

Another solution is to import it with require

const colors = require('!!sass-variable-loader!style/colors.scss');

Remember to add the package @types/node in this case