財団6 CSSは、私はちょうどを通じて財団6をインストールし

Question

を働いていません。すべてのファイル構造が作成されます。

、私は

foundation watch 

を実行し、すべてが正常に見えます。ガルプが動いて変化を見る。

私はその後、_custom.scssを作成してapp.scssにインポート：

@import 'custom'; 

私も、これは何かを変えるかどうかを確認するために、ファイルの末尾にコマンドを置きます。

私はカスタムファイルにいくつかのCSSを書いて保存します。

カスタムCSSがscss/app.scssファイル内に作成されていますが、カスタムCSSは表示されません。

はまた、私は

$body-background: $black; 

よう_settings.scssでparametterを変更しても効果はありません。

上記のすべての変更は、しかし

foundation watch 

ターミナルウィンドウに反映されています。私はエラーなしでコンパイルされたsassコンパイラを見ることができます。 ありがとう

Answer 1

多分それはキャッシュであることを確認する必要があります。 foundation newの仕組みは分かりませんが、基盤ソースコードを見ていますか？ ファンデーションツールとgulpの間に競合がある可能性があります。私が言っているのは、基礎がコンパイルされている可能性があります、そして、gulpはあなたのファイルなしで再コンパイルしているということです。

は、私はあなたがチェックすることをお勧め：

• たぶん土台または一気キャッシュまたは他のプラグインのいずれかによって提供されるいくつかのキャッシュがあり
• それは書き換えのいくつかの種類が可能ですので、チェックあまりに
こと
• は、そうでない場合は変更が
• 、それは他のクラスに

を上書きすることができますので、あなたのカスタムファイルは、最後に含めるべきでは行われません、あなたのファイルに誤りがないことを確認してください

これが役に立たなかった場合は、ガルプとバワーで別の方法を試してみてください。

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をダウンロードするには示唆しています、そして、それは一口に含まれます：あなたのgulpfileにこれらの変更を行います。