指南针无法找到要编译的任何Sass文件

时间:2014-09-07 01:28:23

标签: javascript sass gruntjs compass grunt-contrib-compass

尝试学习Grunt。我安装了grunt-contrib-compassgrunt-contrib-watch个插件。当我在终端中使用grunt时,它会运行指南针任务并返回

Running "compass:dist" (compass) task
Compass can't find any Sass files to compile.
Is your compass configuration correct?.
If you're trying to start a new project, you have left off the directory argument.
Run "compass -h" to get help.`

Gruntfile位于我的Wordpress安装的wp-content/文件夹中。这是我的Grunfile中的指南针设置:

compass: {
    dist: {
        options: {
            config: 'themes/THEME-NAME/config.rb',
            force: true
        }
    }
},

我的config.rb就在那里,因此设置:

require 'singularitygs'
require "breakpoint"
http_path = "/"
css_dir = "/"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
output_style = :compressed
line_comments = false

有什么想法吗?我哪里出错?

4 个答案:

答案 0 :(得分:4)

我也有这个问题,你不必在config.rb中更改css或sass目录路径,你所做的就是在Gruntfile.js中设置basePath - 这告诉指南针在哪里运行,否则它默认与Grunfile相同的目录,这显然是错误的。

文档在这里:https://github.com/gruntjs/grunt-contrib-compass

compass: {
  uikit: {
    options: {
      config: 'styles/uikit/config.rb',
      basePath: 'styles/uikit',
      bundleExec: true
    }
  }
}

答案 1 :(得分:1)

当您在另一个目录中使用config.rb时,请相对于Gruntfile的目录设置config.rb的变量路径,它应该都可以正常工作。

答案 2 :(得分:0)

当我想使用Susy工具包时,我的第一个sass项目也遇到了这个问题。您应该从工作目录中键入“compass watch”命令,罗盘将完成剩下的工作。然后编译main.scss文件。如果它显示如下......

modified C:/xampp/htdocs/projects/sass/config.rb
clean C:/xampp/htdocs/projects/sass/css
delete C:/xampp/htdocs/projects/sass/css/main.css
write C:/xampp/htdocs/projects/sass/css/main.css

然后它正在运作。但首先,您必须配置config.rb文件。

答案 3 :(得分:-4)

此:

 sudo npm install --save-dev