Question

我使用Gulp来管理Angular2项目的任务。我创建了以下任务：

gulp.task('css', function(cb) {
  return gulp.src('src/app/**/*.scss')
             .pipe(sass().on('error', sass.logError))
             .pipe(gulp.dest(paths.dist + '/app'));
});

gulp.task('foundationCss', function(cb) {
  return gulp.src('foundation/scss/foundation.scss')
             .pipe(sass().on('error', sass.logError))
             .pipe(gulp.dest(paths.dist + '/styles'));
});

第一个任务没有问题，第二个任务不起作用。我得到的foundation.css文件只是一个评论：

/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

源SCSS文件来自here

可能是什么问题？

Answer 1

已解决将以下行添加到foundation.scss：

@include foundation-everything;

（@include foundation-everything($flex: true);如果您的申请中需要flex

Sass没有处理Foundation scss文件

1 个答案: