Sublime Text2でSass+Compassでのコンパイルをして勝手にSFTPしてくれる設定をしてみたらハマった

しばらく使ってなかったSublime Text2をまた使ってみようかと思って昨年末から設定をしています。
理由はまあ前回と同じく、Sass/Compassを便利に使いたいから、ということなのですが、今回はより便利にするために自動でコンパイルした後、出来上がったCSSファイルをSFTPで勝手にアップロードしてくれる設定を入れてみることにしました。
しかし、大きくハマってしまい、しかも2回もハマってしまったので、覚え書きとして書いておきます。

参考にしたのはこちらです。
一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTP(FTP)で作業効率化する方法。 | codechord

基本的にはこのサイトの設定そのままです。なので、上記サイトを参考にして下さい。
が、この設定だとなぜかCompassの自動コンパイルが動きませんでした。
そこで以下のファイルを書き換えました。Macの場合です。
“/Users/ユーザ名/Library/Application Support/Sublime Text 2/Packages/Compass/build.sh”
このファイルを次のように書き換えました。書き換えた行は1行です。
[bash]
#!/bin/sh
IFS=`printf ‘n+’`; IFS=${IFS%+}
FILE_PATH=$1;
PROJECT_PATH=${2-/};
COMPASS=`which compass`;
if [ -z "$COMPASS" ]; then
echo "[ERROR] compass not found. Make sure it exists in your PATH.";
exit;
fi
if [ `find "$FILE_PATH" -maxdepth 1 -name config.rb` ]; then
$COMPASS compile "$FILE_PATH" –boring;
FOUND=1;
fi;
while [ "$FILE_PATH" != "$PROJECT_PATH" ];
do FILE_PATH=`dirname "$FILE_PATH"`;
if [ `find "$FILE_PATH" -maxdepth 1 -name config.rb` ]; then
# $COMPASS compile "$FILE_PATH" –boring; #この行を下記のように書き換えました
$COMPASS watch "$FILE_PATH" –boring;
FOUND=1;
break;
fi;
done
if [ -z "$FOUND" ]; then
echo "[ERROR] Build did not run because config.rb cannot be found.";
fi
[/bash]
恐らく、Windowsで動かした場合でも”.bat”ファイルか何かがあると思います。
もし動かなかったら同様に書き換えてみて下さい。
これでとても便利な環境が整いました。
後はプロジェクトの管理や読み出しがちょっとよくないので、もう少しその辺りをチューニングしてみます。
[tmkm-amazon]4844334662[/tmkm-amazon]

Share this post

CONTACT

 

お問い合わせ

Webサイト製作、デザイン、WordPressなどに関するご相談、ご依頼などお待ちしております。

Information

エムティ・デザインはフリーランス(個人事業主)として主にWeb制作を行っています。
Webサイトのコンセプトワーク、デザイン、文章作成・修正から実際のサイト構築、写真の撮影やサーバの構築・管理に至るまで全てをワンストップでご提案できることが一つの大きな特徴です。

Contact Information

本部・制作室 / 長崎県大村市(普段はこちらに: 個人宅のため住所非公開)
福岡 / 〒810-0001 福岡県福岡市中央区天神4丁目6-28 天神ファーストビル7F
東京 / 〒104-0061 東京都中央区銀座1-22-11 銀座大竹ビジデンス2F (期間限定)

Phone 050-5830-2822 (旧 050-5857-5623)

営業時間 月~金 10:00~17:00 / 休業日 土日、祝祭日(これ以外の休業日は随時お知らせ)

オンラインミーティング対応 : Discord / Zoom / Skype / Google Meetなど

Support Area

日本全国対応可能
対面のミーティングが可能な地域、リモートミーティングのみで対応の地域などあります。
2024〜2025年、特に力を入れている地域:
福岡県大牟田市、みやき市、筑後市、大川市、柳川市、久留米市
佐賀県佐賀市、鳥栖市、武雄市、嬉野市など佐賀県全域

NEWS

Copyright (C) MT-Design , All rights reserved.