Kompilieren Stiftung sass mit Grunzen-Sass

Question

Wenn ich mit Grunzen Befehl alle Aufgaben außer sass kompilieren Fein es nur geben die Kommentare alle @import Teile im Inneren foundation.scss arbeitet nicht kompilieren.

Was ist das Problem? Das ist mein gruntfile.js

 module.exports = function(grunt) { 

    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    uglify: { 
     build: { 
     src: 'src/js/*.js', 
     dest: 'js/script.min.js' 
     }, 
     dev:{ 
     options:{ 
      beautify: true, 
      mangle: false, 
      compress:false, 
      preserveComments: 'all' 
     }, 
     src: 'src/js/*.js', 
     dest: 'js/script.min.js' 
     } 
    }, 
    sass: { 
     dev:{ 
     options:{ 
      outputStyle: 'expanded' 
     }, 
     files:{ 
      'css/app.css' : 'node_modules/foundation-sites/scss' 
     } 
     }, 
     build:{ 
     options:{ 
      outputStyle: 'compressed' 
     }, 
     files:{ 
      'css/app.css' : 'node_modules/foundation-sites/scss' 
     } 
     } 
    }, 
    watch:{ 
     js: { 
     files: ['src/js/*.js'], 
     tasks: ['uglify:dev'] 
     }, 
     css: { 
     files: ['node_modules/foundation-sites/scss/**/*.scss'], 
     tasks: ['sass:dev'] 
     } 
    } 
    }); 
    grunt.loadNpmTasks('grunt-contrib-uglify'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-sass'); 
    // Default task(s). 
    grunt.registerTask('default', ['uglify:dev', 'sass:dev']); 
    grunt.registerTask('build', ['uglify:build', 'sass:build']); 

}; 

und das ist mein foundation.scss Datei:

/** 
* Foundation for Sites by ZURB 
* Version 6.2.4 
* foundation.zurb.com 
* Licensed under MIT Open Source 
*/ 

// Sass utilities 
@import 'util/util'; 

// Global variables and styles 
@import 'global'; 

// Components 
@import 'grid/grid'; 
@import 'typography/typography'; 
@import 'forms/forms'; 
@import 'components/visibility'; 
@import 'components/float'; 
@import 'components/button'; 
@import 'components/button-group'; 
@import 'components/accordion-menu'; 
@import 'components/accordion'; 
@import 'components/badge'; 
@import 'components/breadcrumbs'; 
@import 'components/callout'; 
@import 'components/close-button'; 
@import 'components/drilldown'; 
@import 'components/dropdown-menu'; 
@import 'components/dropdown'; 
@import 'components/flex'; 
@import 'components/flex-video'; 
@import 'components/label'; 
@import 'components/media-object'; 
@import 'components/menu'; 
@import 'components/menu-icon'; 
@import 'components/off-canvas'; 
@import 'components/orbit'; 
@import 'components/pagination'; 
@import 'components/progress-bar'; 
@import 'components/reveal'; 
@import 'components/slider'; 
@import 'components/sticky'; 
@import 'components/switch'; 

Answer 1

sollten Sie foundation watch verwenden Sie den Build-Prozess zu verwalten, nicht wahr? lesen Sie hier: http://foundation.zurb.com/sites/docs/installation.html