我正在尝试使用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
答案 0 :(得分:0)
如果您尚未全局安装Grunt,您可以这样做或将Grunt添加为依赖项。否则Grunt将无效。
要在终端中安装Grunt全局运行npm install -g grunt-cli
或添加为“devDependency”:
"devDependencies": {
"grunt": "0.4.x",
"grunt-contrib-sass": "0.7.x",
}
修改强> 在谷歌上搜索这个问题时,我在同一个用户的Github上报告了一个错误,他的问题解决了。对于每个可能遇到同样问题的人来说,这是他的解决方案:
该错误是由我在命令中设置的手动配置引起的 处理器(Windows注册表),我已经从中添加了一个自动运行 更改默认命令提示符。