尝试学习Grunt。我安装了grunt-contrib-compass
和grunt-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
有什么想法吗?我哪里出错?
答案 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