[已解決]grunt sass自動編譯的問題

背景

• 第1次使用sass
• 第1次配置gruntfile.js

問題

通過grunt自動編譯sass文件為css文件,總是報錯
為什么要報錯呢?

$ grunt
Running "sass:dist" (sass) task
Error: Invalid CSS after ".test ": expected selector, was "{color:red;}"
        on line 1 of test.sass
  Use --trace for backtrace.
Warning: Exited with error code 13 Use --force to continue.

Aborted due to warnings.

代碼

Gruntfile.js

module.exports = function (grunt) {
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.initConfig({
        sass: { 
            dist: { 
                files: {
                    'test.css':'test.sass'
                }
            }
        }
    });
    grunt.registerTask('default',['sass']);
}

test.sass

.test {
    color:red;
}

解決

把test.sass修改成test.scss就行了

原因

sass和scss的語法不一樣
花括號{}和分號 ;是scss里面的語法

參考

http://sass.bootcss.com/docs/...