Sass 不处理 Foundation scss 文件答案

【问题标题】：Sass doesn't process Foundation scss filesSass 不处理 Foundation scss 文件
【发布时间】：2016-07-27 21:09:45
【问题描述】：

我正在使用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

可能是什么问题？

【问题讨论】：

如果我查看source files，然后打开foundation.scss，它包含的不仅仅是评论。错误日志说明了什么？
我没有任何错误日志:(
你期望的 css 是什么？您是否正在调用任何基金 mixins 或函数来获取另一个代码？
这是我期望的 CSS：github.com/zurb/foundation-sites/blob/develop/dist/…
我一直在查看基础scss 文件，但我只看到变量、mixin 和函数。我认为你必须使用 css 文件，或者如果你想使用 SASS 应该调用你需要的 mixins。

标签： angular sass gulp zurb-foundation gulp-sass

【解决方案1】：

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

@include foundation-everything;

（@include foundation-everything($flex: true); 如果您的应用程序中需要flex）

【讨论】：