2016-05-06 10 views
0

私のプロジェクトでFoundationサイトを使用しようとしていますので、bowerを使用してダウンロードしました。Gulp&Foundation 6がコンパイルされていません

module.exports = function() { 
    // PATHS TO JS AND SASS 
    var GETPATHS = { 
    VENDOR: [ 
     'bower_components/jquery/dist/jquery.min.js' 
    ], 
    JS: [ 
     'bower_components/foundation-sites/js/foundation.core.js', 
     'src/assets/**/*.js' 
    ], 
    SASS: [ 
     'bower_components/foundation-sites/scss', 
     'src/assets/scss/components' 
    ] 
    } 
    return GETPATHS; 
} 

と私のgulpfile自体持っているこの(SASS):

gulp.task('sass', function() { 
    return gulp.src('src/assets/scss/app.scss') 
     .pipe(sass({ includePaths: config.SASS })) 
     .pipe(autoprefixer()) 
     .pipe(cssnano()) 
     .pipe(gulp.dest('_build/assets/css')) 
     .pipe(browserSync.stream()); 
}); 

とここに私のapp.scssファイルです

は、私は、次のコードを持っているgulp.config.jsファイルを持っています

@import "foundation"; 

ここで、app.css(コンパイル後)が空のファイルを表示している理由はわかりません。輸入 "財団"は機能していないようです。私はこれにかなり新しいですので、どんな助けもありがとうございます。ありがとう!

+0

参照してください? – nils

+0

はい、scssフォルダにfoundation.scssファイルがあります。 – TheEarlyMan

+0

[Foundation 6はスタイルを生成しません](http://stackoverflow.com/questions/34537431/foundation-6-does-not-generate-any-styles) –

答えて

0

Foundation Sitesテンプレートの1つをインストールするか、Foundation Cliを使用してプロジェクトをブートストラップし、すべてのインポートで必要なファイルを入手することをお勧めします。

foundation.scssにはmixinsが含まれています。 あなたはhttps://github.com/zurb/foundation-zurb-template/blob/master/src/assets/scss/app.scssで右設定のための例を見ることができますし、https://github.com/zurb/foundation-sites-template/blob/master/scss/app.scss

はまた、*の基礎-サイト/ SCSS/foundation.scss *ファイルはありGulp & Foundation 6 not compiling

関連する問題