如何在不使用 Webpack 的情况下使用 gulp-sass 编译 Material.io 设计？

Question

我正在使用 this tutorial at Material.io 并希望将 Material.io 与 gulp-sass 一起使用。
但是当我尝试编译它时，它显示错误

@material\button\mdc-button.scss
错误：“@include mixins”之后的 CSS 无效：预期 1 个选择器或 at-rule 是“.core-styles;”

存储库位于at GitHUB。

Answer 1

看起来您正在尝试使用 node-sass。 MDC Web Components 版本 5 使用 Sass Modules 语法，目前只有 Dart Sass 支持。

npm install sass

然后在 gulpfile.js 中：

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