Loading...

Single Post

HOME > post > Column > Sublimeでcompassをコンパイル

Sublimeでcompassをコンパイル

| Column, Web
compass

Mac版のSublime TextでCompassをコンパイルしようとしたら、エラーが出てしまい困ったので備忘録も兼ねて記載しておこうと思います。Windowsでは、全く問題無かったのですがMacに関しては、Compass.sublime-buildファイルを編集する必要があるようです。

ちなみに、コンパイルしようとしたら「[ERROR] compass not found. Make sure it exists in your PATH.」というメッセージが表示されました。ま、パスが通って無いってことですね。

まず、Compass.sublime-buildファイルを開きます。ファイルの開き方は自由ですが、私は(Command + Shift + p → List Package → Compass)の様に開きました。

すると下記のような感じになっていると思います。


{
    "cmd": "sh '${packages}/Compass/build.sh' '${file_path}' '${project_path:${folder}}'",
    "working_dir": "$packages/Compass",
    "selector": "source.sass, source.scss",
    "shell": "true",
    "windows":
    {
        "cmd": "build.cmd \"${file_path}\" \"${project_path:${folder}}\""
    }
}

なるほど~!!「OSXのパス記載が無い」って事に気づきます。という事で追記をします。


{
    "cmd": "sh '${packages}/Compass/build.sh' '${file_path}' '${project_path:${folder}}'",
    "working_dir": "$packages/Compass",
    "selector": "source.sass, source.scss",
    "shell": "true",
    "windows":
    {
        "cmd": "build.cmd \"${file_path}\" \"${project_path:${folder}}\""
    },
    "osx":
    {
        "path": "/usr/local/bin:/Users/hubworks/.rbenv/shims:$PATH"
    }
}

上記で、OSXでもパスが通るようになり、私の場合は無事にコンパイルできるようになりました。

少し前に書いた記事「Sass(SCSS)の超入門編」でSassをコンパイルする方法も記載しておりますので、閲覧頂けると幸いです。

関連記事

Contact Page