Sassのビルドにバッチファイルを利用する

Sassをビルドする時に、コマンドラインのSass --watchで監視してますが、最初にいちいちコマンドを打つのが面倒なので、バッチファイルで実行します。
Windowsの場合は簡単だったのですが、MACではまった事があったので詳細をメモ。

Windowsの場合

build.bat

cd /d %~dp0
sass --watch scss:css --sourcemap --style compressed --no-cache

Windowsの場合は簡単で、ファイル名.batのファイルを作ってそこにコマンドを書いてやるだけ。
このファイルを該当の場所に置いて実行すればOKです。

build.command

#!/bin/bash
MY_DIRNAME=$(dirname $0)
cd $MY_DIRNAME
sass --watch scss:css --style compressed --no-cache --sourcemap

MACの場合は多少面倒な設定が必要となります。

ファイル名.commandのファイルを作って、コマンドを書いてやるところまでは同じです。

ただ、このまま実行するとファイルのアクセス権限がない為エラーが出てしまいます。
ターミナルからファイルの実行権限を変更してやる必要があります。

例
ls -l build.command
-rw-r--r--@ 1 user user 66 3 22 :00 build.command

-rw-r--r--@の部分が
-rwxr--r--@になるようにコマンドを実行してやります。

$ chmod u+x build.command

簡単に言うとこのファイルに実行可能な権限を与えてやるということです。
詳細が知りたい方は下記参照。
・Linuxのアクセス権限について
Linuxコマンド逆引き大全 - 【アクセス権限とは】：ITpro

これでファイルが実行できるようになります。後はWindows同様該当の場所に置いて実行するだけ。

この方法は下記のサイトを参考にさせて頂きました。
そろそろ始めてみる macでバッチファイル実行