2013-03-11 60 views
2

我正在嘗試使用grunt-contrib-sass插件(使用grunt v0.4.0)編譯scss文件。編譯的結果是一個空的CSS文件。以下是base.scss,Gruntfile.js和package.json文件。Gruntjs:爲什麼編譯scss來清空文件?使用grunt-contrib-sass插件

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--」,結果只是一個空的CSS文件沒有任何錯誤。

你的幫助是極大的讚賞

Niusaul

+1

我試着用最新的'sass' gem(3.2.7),複製/粘貼你準備好的例子,它似乎對我很有用。如果你運行'grunt sass --verbose',任何可疑的東西? – svckr 2013-03-19 18:13:26

回答

0

如果您還沒有安裝全球咕嚕,你要麼做,或添加咕嚕作爲一個依賴。否則Grunt將無法工作。

安裝咕嚕在全球範圍內的終端上運行npm install -g grunt-cli或者添加爲「devDependency」:

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

編輯: 雖然在谷歌搜索關於這個問題,我stumpled在一個報告的bug在Github上從同一個用戶那裏解決他的問題。只是大家誰也經歷了同樣的問題,這是他的解決方案:

的錯誤是由我在命令 處理器(註冊表)所設置的手動配置的,從中我增加所致一個自動運行到 更改默認的命令提示符。

相關問題