如何從main.scss CSS在自耕農的角度引導的SaaS我

Question

我已經開始與項目：

$ yo angular 
include Twitter Bootstrap? Yes 
use the SCSS version of Twitter Bootstrap with the Compass CSS Authoring Framework? Yes 
$ grunt watch 

我改變main.scss文件中的應用程序/ stypes目錄，我把它改在控制檯中，但沒有生成CSS文件。到底是怎麼回事？

當前咕嚕說：

// Watches files for changes and runs tasks based on the changed files 
watch: { 
    bower: { 
    files: ['bower.json'], 
    tasks: ['wiredep'] 
    }, 
    js: { 
    files: ['<%= yeoman.app %>/scripts/{,*/}*.js'], 
    tasks: ['newer:jshint:all'], 
    options: { 
     livereload: '<%= connect.options.livereload %>' 
    } 
    }, 
    jsTest: { 
    files: ['test/spec/{,*/}*.js'], 
    tasks: ['newer:jshint:test', 'karma'] 
    }, 
    compass: { 
    files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'], 
    tasks: ['compass:server', 'autoprefixer'] 
    }, 
    gruntfile: { 
    files: ['Gruntfile.js'] 
    }, 
    livereload: { 
    options: { 
     livereload: '<%= connect.options.livereload %>' 
    }, 
    files: [ 
     '<%= yeoman.app %>/{,*/}*.html', 
     '.tmp/styles/{,*/}*.css', 
     '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' 
    ] 
    } 
}, 

Answer 1

下面是繁重的文件說，有關編譯樣式表。還要注意的是，轉換髮生在部署過程中的地方，不是在手錶。

sass: { 
    dist: { 
     files: [{ 
     expand: true, 
     cwd: 'styles', 
     src: ['*.scss'], 
     dest: '../public', 
     ext: '.css' 
     }] 
    } 
    }