4

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

基础.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"]);
};

包.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 文件。

非常感谢您的帮助

纽索尔

4

1 回答 1

0

如果你还没有全局安装 Grunt，你要么安装 Grunt，要么将 Grunt 添加为依赖项。否则 Grunt 将无法工作。

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

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

编辑： 在谷歌上搜索这个问题时，我偶然发现了一个在 Github 上报告的错误，该错误来自解决了他的问题的同一用户。仅针对可能遇到相同问题的每个人，这是他的解决方案：

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

于 2014-06-11T22:11:42.593 回答