如何解决Sass 错误:@use-ing MDC Web 的按钮使用 Gulp
按照MDC Web's docs的要求,我的main.scss
中有这两行代码。
@use "@material/button";
@include button.core-styles;
然后,我有这个 Gulp 任务将我的 main.scss
文件转换为单个 build.css
文件。当我删除上面的两行时,我的 main.scss
文件编译得很好。
我得到的错误如下。
Message:
src\styles\main.scss
Error: Can't find stylesheet to import.
╷
1 │ @use "@material/button";
│ ^^^^^^^^^^^^^^^^^^^^^^^
我的 Gulp 任务如下。
gulp.task('css',['clean:css'],function() {
return gulp.src('src/styles/main.scss')
.pipe(isdist ? through() : plumber())
.pipe(sass().on('error',sass.logError))
.pipe(autoprefixer({ browsers: ['last 2 versions'],cascade: false }))
.pipe(isdist ? csso() : through())
.pipe(rename('build.css'))
.pipe(gulp.dest('dist/build'))
.pipe(connect.reload());
});
我正在使用 gulp-dart-sass
编译 .scss
文件。如何修复错误?
解决方法
我假设您使用的是 package.json
,material-components-web 已添加到依赖项并安装依赖项。然后看起来您需要添加 node_modules 来加载路径以供 Sass 查找导入:
...
.pipe(sass({ includePaths: ['node_modules'] }).on('error',sass.logError))
...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。