How to compile Material.io design with gulp-sass without using Webpack?

user_3555898 0
Viewed 878

I'm using this tutorial at Material.io and want to use Material.io with gulp-sass.
But when I try to compile it, it shows the error

@material\button\mdc-button.scss
Error: Invalid CSS after "@include mixins": expected 1 selector or at-rule, was ".core-styles;"

The repository is located at GitHUB.

material-components-web gulp-sass gulp
1 Answers

It looks like you're trying to use node-sass. MDC Web Components version 5 uses the Sass Modules syntax, which is currently only supported by Dart Sass.

npm install sass

Then in gulpfile.js:

var sass = require('gulp-sass');
sass.compiler = require('sass');
user_8926740
Related