css - 编译为 css 时忽略 Gulp

Question

我有一个 SASS 文件，它使用 @import 来引用另一个 SASS 文件中的变量。我想知道是否有一种方法可以在编译期间忽略 SASS 的特定 @import？

例如Home.SCSS文件包含

@import "modules/modules.scss";

我想将 Home.SCSS 文件编译成 css 但我想忽略上面的导入。 如果我从文件中删除上面的行，那么我会收到错误消息，因为我的 Home.SCSS 从导入中引用了变量。

Answer 1

您可以使用 ! 告诉 gulp 忽略某些文件或目录

gulp.task('styles', function() {
  gulp.src([
      'scss/*.scss',
      '!scss/modules/modules.scss'
    ])
});