Gruntjs:为什么将scss编译为空文件？使用grunt-contrib-sass插件

Question

我正在尝试使用grunt -插件编译scss文件(使用grunt v0.4.0)。编译的结果是一个空的css文件。下面是base.scss、Gruntfile.js和package.json文件。

base.scss

$color: #000;

header{
color: $color;  
}

Gruntfile.js

module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
    // Metadata.
    pkg: grunt.file.readJSON('package.json'),       
    sass: {
        dist: {
            options: { style: "expanded", trace: true },
            files: { "base.css": "base.scss" }
        }       
    }
});

grunt.loadNpmTasks('grunt-contrib-sass');

// Default task.
grunt.registerTask("default", [""]);
grunt.registerTask("sass--",["sass"]);
};

package.json

{
"name": "my_grunt",
"version": "1.0.0",
"description": "New to Grunt",
"main": "index.js",
"scripts": {
    "test": "test"
},
"repository": {
    "type": "git",
    "url": "none"
},
"keywords": [
        "none"
],
"author": "none",
"license": "BSD",
"devDependencies": {
        "grunt-contrib-sass": "~0.2.2"
}
}

结果：

如果我运行sass命令"grunt sass“或"grunt sass-”，结果就是一个没有任何错误的空css文件。

我们非常感谢你的帮助。

纽索尔

Answer 1

如果您尚未全局安装Grunt，则可以这样做，或者将Grunt添加为依赖项。否则格伦特就不行了。

若要全局安装Grunt，请在终端中运行npm install -g grunt-cli或添加为"devDependency"：

"devDependencies": {
      "grunt": "0.4.x",
      "grunt-contrib-sass": "0.7.x",
   }

编辑:当我在谷歌上搜索这个问题时，我偶然发现了一个来自解决他问题的同一个用户的报告中的一个bug。对于每一个可能经历过同样问题的人来说，这就是他的解决方案：

该错误是由我在命令处理器(Windows注册表)中设置的手动配置引起的，我从该配置中添加了一个自动运行以更改默认命令提示符。