2016-07-27 3 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 в приложении)

Смежные вопросы