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

Question

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

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

该存储库位于GitHub。

标签： gulpgulp-sassmaterial-components-web

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');