Foundation 6 CSS не работает

Question

я только что установил Фонд 6 через:

foundation new 

Я выбрал фонд для сайтов. Структура файла создается ann all look ok.

тогда я бегу

foundation watch 

все выглядит нормально. Гальп работает и наблюдает за изменениями.

я тогда создал _custom.scss и импортировать его в app.scss с:

@import 'custom'; 

я даже поместить команду в конец файла, чтобы увидеть, если это меняет что-нибудь.

Я пишу некоторые css в пользовательском файле, затем я сохраняю.

Я вижу пользовательский CSS, созданный внутри файла scss/app.scss, но пользовательский CSS не отображается.

Кроме того, даже если я изменить parametter в _settings.scss как

$body-background: $black; 

это не имеет никакого эффекта.

Все вышеуказанные изменения отражаются в окне терминала

foundation watch 

хотя. Я вижу, как компилятор sass обновляется без ошибок. спасибо

Answer 1

Возможно, это кеш, вы должны это проверить. Я не знаю, как работает foundation new, но он правильно смотрит исходный код фонда? Возможно, существует конфликт между фундаментом инструментом и gulp. Я имею в виду, что, возможно, основы компилируются, затем gulp перекомпилирует без вашего файла.

Я предлагаю вам проверить:

• Может быть, есть какой-то кэш обеспечивается либо основание или глоток кэш или другим плагиным
• Можно какое-то переписывать, поэтому убедитесь, что слишком
• Убедитесь, что нет ошибок в файле, в противном случае изменения не будут сделаны
• Ваш пользовательский файл должен быть включен в последний раз, так что он может переписать другие классы

Если это не помогло, попробуйте другой подход с помощью глотки и беседки. Сделайте эти изменения в gulpfile:

var gulp = require('gulp'), 
    ..., 
    connect = require('gulp-connect'), 
    sass = require('gulp-sass'); 

var paths = { 
    css: [ 
     'bower_components/foundation-6/css/foundation.min.css', 
     'src/sass/*.scss', 
     'src/sass/**/*.scss' 
    ], 
    ... 
} 

gulp.task('connect', function() { 
    connect.server({ 
     root:  'dist', 
     livereload: true, 
     host:  '0.0.0.0', 
     port:  '8080' 
    }); 
}); 

gulp.task('css', function() { 
    gulp.src(paths.css) 
    .pipe(sass()) 
    ... 
    .pipe(gulp.dest('dist/css')) 
    .pipe(connect.reload()); 
}); 

gulp.task('watch', function() { 
    gulp.watch(paths.css, ['css']); 
}); 

gulp.task('default', ['connect', 'css', 'watch']); 

В основном я предлагаю, чтобы загрузить фундаментной SCSS с дачей, и включить его в глотку.