2016-07-27 81 views
0

我使用Gulp來管理我的Angular2項目的任務。我創建了以下任務:Sass不處理Foundation Scss文件

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文件cointains只評論:

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

源SCSS文件從here

來到這可能是什麼問題呢?

+0

如果我看看[源文件](https://開頭github.com/zurb/foundation-sites/blob/develop/scss/foundation.scss),並打開'foundation.scss',它包含的不僅僅是一條評論。錯誤日誌說什麼? – Roy

+0

我沒有任何錯誤日誌:( – smartmouse

+0

和你期望的CSS是什麼?你打電話任何基金混合或功能獲得另一個代碼? – blonfu

回答

0

解決添加以下行foundation.scss

@include foundation-everything;

@include foundation-everything($flex: true);在應用程序需要flex的情況下)