2015-07-04 4 views
1

Надеюсь, что кто-то поможет мне собрать мои файлы SCSS с помощью gulp.Gulp-sass не компилирует

Я делал много чтения на этом (http://www.devworkflows.com/posts/getting-scss-auto-prefixer-and-source-map-to-play-nice/) и следил за этим переполнением стека (Gulp-sass will not compile to CSS) и другими. Я все еще не могу получить мой .scss, чтобы скомпилировать его с помощью моего скрипта gulp.

При запуске gulp sass технологических выходов:

[16:25:32] Working directory changed to ~/projects/theBeta 
[16:25:32] Using gulpfile ~/projects/theBeta/gulpfile.js 
[16:25:32] Starting 'sass'... 
[16:25:32] Finished 'sass' after 6.37 ms 

Однако нет выходного файла. Я был в состоянии получить эту работу через командную строку с помощью этой команды - sass scss/_bootstrap.scss:css/compiled/bootstrap.css

Вот сценарий в вопросе:

// Compile sass 
gulp.task('sass', function() { 
    gulp.src('./app/styles/scss/_bootstrap.scss') 
    .pipe(sass({sourcemap: true})) 
    .on('error', sass.logError) 
    .pipe(gulp.dest('./app/styles/css/compiled')); 
}) 

Есть ли что-то тонкое, мне не хватает, или поведение, я не понимая,/известно?

ответ

3

return Добавить фронт из gulp.src и переименовать _bootstrap.scss в bootstrap.scss, как это не включает:

gulp.task('sass', function() { 
    return gulp.src('./app/styles/scss/bootstrap.scss') 
    .pipe(sass({sourcemap: true})) 
    .on('error', sass.logError) 
    .pipe(gulp.dest('./app/styles/css/compiled')); 
}) 
+0

Спасибо за ваш ответ. Я попробовал некоторые варианты этого (не это точное решение). Я попробую, когда вернусь домой и останусь на месте. Чтобы прояснить это, мой '_bootstrap.scss' должен быть переименован в' bootstrap.scss'? Или я должен просто ссылаться на него, как на url, и sass знает разницу? – camerow

+0

Да, файл '_bootstrap.scss' должен быть переименован в' bootstrap.scss'. Кроме того, создайте в нем новую загрузочную загрузку 'app.scss' и' @import ". Сасс говорит: «Подчеркивание позволяет Sass знать, что файл является лишь частичным файлом и что он не должен быть сгенерирован в файл CSS. Частицы Sass используются с директивой @import». – bjfletcher

+0

Человек, спасибо! Это было невероятно полезно. Все работает. – camerow

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