Question

我正在尝试使用grunt-contrib-sass插件（使用grunt v0.4.0）编译scss文件。编译结果是一个空的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文件。

非常感谢您的帮助

Niusaul

Answer 1

如果您尚未全局安装Grunt，您可以这样做或将Grunt添加为依赖项。否则Grunt将无效。

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

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

修改在谷歌上搜索这个问题时，我在同一个用户的Github上报告了一个错误，他的问题解决了。对于每个可能遇到同样问题的人来说，这是他的解决方案：

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

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

1 个答案: