sass - compass 未在 Windows 7 上与 Grunt 一起运行

Question

我目前正在关注我的 sass 文件中的任何更改:['_/components/sass/*.scss']

当我运行 grunt watch(通过具有管理员权限的 Node.js 终端)时，一切似乎都运行良好。

但是，如果我对 .scss 文件进行任何更改，则会出现以下错误:

File "_\components\sass\styles.scss" changed.
Running "compass:dev" (compass) task
Warning: Command failed: C:\Windows\system32\cmd.exe /s /c "compass.bat --version"

The command "compass.bat" is either spelled incorctly or cannot be found.
Use --force to continue.

Aborted due to warnings.
Completed in 3.510s at Mon Aug 24 2015 13:15:13 GMT+0200 (Mitteleuropäische Somm
erzeit) - Waiting...

如您所见，Grunt Watch 工作正常。它对我的 .scss 文件进行了更改，但是当它尝试执行“compass:dev”时，它会尝试调用“compass.bat --version”。我发现compass.bat的正确路径/cmd命令应该是:

C:\Ruby22-x64\bin\compass.bat --version

所以我怀疑这是一些 PATH 问题？？

我如何让这个程序基本上运行这个命令:

C:\Windows\system32\cmd.exe /s /c "C:\Ruby22-x64\bin\compass.bat --version"

而不是这个(它目前正在做的):

C:\Windows\system32\cmd.exe /s /c "compass.bat --version"

这是我的 gruntfile.js:

module.exports = function(grunt) {

    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-compass');

    grunt.initConfig({
        uglify: {
            my_target: {
                files:{
                    '_/js/script.js' : ['_/components/js/*.js']
                }//files
            } //my_targer
        }, //uglify

        compass: {
            dev: {
                options: {
                    config: 'config.rb'
                } //options
            }// dev
        }, //compass

        watch: {
            options: { livereload: true },
            scripts: {
                files: ['_/components/js/*.js'],
                tasks: ['uglify']
            }, //scripts

            sass: {
                files: ['_/components/sass/*.scss'],
                tasks: ['compass:dev']
            }, //sass

            html : {
                files: ['*.html'],
            } //html

        } //watch

    }) //initConfig

    grunt.registerTask('default', 'watch');


} //exports

这是我的 config.rb 文件:

css_dir = '_/css'
sass_dir = '_/components/sass'
javascripts_dir = '_/js'
output_style = :nested

这是我的 package.json 文件:

{
    "name" : "Lorum",
    "version" : "0.0.1",
    "dependencies" : {
        "grunt": "~0.4.5",
        "grunt-contrib-watch" : "~0.6.1",
        "grunt-contrib-compass" : "~1.0.3",
        "grunt-contrib-uglify" : "~0.9.1",
        "matchdep" : "~0.3.0 "
    }
}

其他环境变量:

sass (3.4.17)

compass (1.0.3)

compass 核心 (1.1.0.alpha.3, 1.0.3)

compass 导入一次 (1.0.5)

操作系统:Windows 7 64 位

Answer 1

我遇到了同样的问题(Windows 7 64 位)，我通过安装 ruby​​ 和 compass gem 解决了这个问题。

根据您的系统(我也在 Windows 上)，您可以在此处下载 ruby​​:

http://rubyinstaller.org/downloads/ 

然后不要忘记在 windows 上设置环境变量我认为你可以直接从安装程序中完成，也可以从 中完成。计算机 -> 控制面板 -> 编辑环境变量 .然后在系统变量上，将 Ruby 路径添加到 Path 变量中(我在 http://i.stack.imgur.com/928Y7.png 上这样做了)。

最后打开一个 CMD 终端并写入:

gem install compass

现在 grunt 应该运行良好:

grunt serve
Running "compass:server" (compass) task
directory .tmp/styles 
write .tmp/styles/main.css (0.096s)
write .tmp/styles/main.css.map

Done, without errors.

我希望有帮助，
问候，
何塞