How to use material Web sass components in MeteorJS
I want to use web material design components inside my meteorite app. Unfortunately when importing mdc from npm package like:
@import "{}/node_modules/material-components-web/material-components-web";
I am getting the following error:
While processing files with fourseven:scss (for target web.browser):
/client/stylesheets/Application.scss: Scss compiler error: File to import: @material/animation/mdc-animation not found in
file: {}/node_modules/material-components-web/material-components-web.scss
I guess it has something to do with the mdc structure. The file material-components-web.scss
imports all of the individual components located in node_modules/@material
, not inside node_modules/material-components-web
.
I am using fourseven:scss
sass to compile in my meteor application.
How can I resolve / fix this problem?
source to share
As I wrote in your github issue:
You need to create a scss-config.json file as described here: https://github.com/fourseven/meteor-scss#global-include-path
The content of this file will be:
{
"includePaths": [
"{}/node_modules/"
]
}
source to share