Question

我无法连接文件。

file style.scss

@import 'foundation/foundation';

文件基础/ _foundation.scss

/**
  Some comment
*/

@import '../../../node_modules/foundation-sites/_vendor/normalize-scss/sass/normalize';

输出文件style.css

/**
  Some comment
*/

如您所见，我只收到评论，没有导入的CSS规则。

以下是我的gulp任务

gulp.task('sass', function () {
  return gulp.src('./app/scss/style.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./public/css'));
});

gulp.task('watch', () => {
  gulp.watch('./app/scss/**/*.scss', ['sass']);
});

Answer 1

我还没有使用过gulp node sass，但是已经找到了cli访问和手动进程，你需要包含路径项或导入器函数，即使你在导入调用中使用显式路径也是如此。

您还应该检查您导入的内容不是所有mixins和函数/变量，因为它们只对召唤它们的include调用进行操作。如果你设置一个变量并且从不使用它，它就不会编译css

另外：你正在让它看到sass更改的递归路径，但硬编码输入，尝试接受sass任务上的stdin / pipe

SCSS导入不完全正常

1 个答案: