update.SASSの監視用にバッチを作る時に知っておいたほうがいいことをまとめてみました。プロジェクトで使う環境に合わせてインストールします。SASSだけあればOKです。書き方」でググると親切なサイト様がたくさんあって教えて頂けます。こんなドシンプルに配置してみました。sassファイルの内容はどっかから頂いたものです。内容は今回気にしません。{sassのファイル名}:{cssのファイル名}これでCSSファイルが出来上がります。style.scss:./../css/style.cssが、書いて保存するたびにコンパイルするなんて・・・面倒くさい。保存したら自動でコンパイルしておいて欲しいな。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}これでsassファイルを保存するたびにコンパイルしてもらえます。css/style.css.map「.sass-cache」を出力しない方法ところで、コンパイルするたびに出力される「.sass-cache」ディレクトリ・・・これはいるのでしょうか?「.sass-cache」は出力されるからには意味があります。時間のかかる処理結果などを保管しておき次回以降のコンパイルをより高速化するためのものです。Webtomahawkコンパイル対象が大きくなると時間がかかるので出力せざる負えません。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}こうすると「.sass-cache」が出力されなくなります。css/style.css.mapソースマップファイルを出力しない方法ところで、コンパイルするたびに出力される「*.css.map(ソースマップファイル)」・・・これはいるのでしょうか?ソースマップファイルは出力されるからには意味があります。コンパイルや圧縮されて難読化されたコードがオリジナルファイルの何行目になるのか、マッピング情報が書かれたファイルであり、元の読みやすい状態にしてくれる方法です。Mapsに対応してくれたおかげで、メタ言語のデバッグがとても快適になりました。FoxのアドオンFireSassでも対処しています。ROCHASソースマップファイルの中身はこんな感じです。CSSにはどのソースマップファイルかが記載されています。「このスタイルどこに書いているの?」をサクッと見るには出力せざる負えません。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}こうするとソースマップファイルが出力されなくなります。*/も出力されされません。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}出力スタイルの種類は「nested」「expanded」「compact」「compressed」の4つです。なにも指定しなければ「nested」になります。サンプル付きで説明があります。指定するとこうなります。文字コードと改行コードの出力が気になったので試してみました。出力する文字コードと改行コードは指定した方がいいことに気が付きました。文字コードと改行コードを指定しないでいろんな環境の人が使うと面倒なことになりそうです。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}文字コードは特に何も指定しなければ「UTF-8」になります。バッチで指定すれば「UTF-8にしたい」という意思表示にはなると思います。Rubyの文字列エンコーディングの順にチェックします。英語はとても弱いのでどなたか初心者向け一言和訳があれば教えてください。指定するとこんな感じです。*/」がだめと言われました。消すと無事コンパイルされます。*/」がないと「ASCII」に・・・このあと追記してコンパイルします。css/style.cssUTF-8改行コードにUnix(LF)を指定する方法@scivolaさんに教えて頂きました。{sassのファイル名orディレクトリ名}:{cssのファイル名orディレクトリ名}Windowsマシンで指定しないとCSSは「Windows(CRLF)」になります。yWindowsマシンで「--unix-newlines」を指定するとCSSは「unix(LF)」になります。不明どなたかsassコマンドだけで改行コードにWindows(CRLF)を指定する方法を教えて下さい。requestStockLike16@ponsuke0531びっくりするほど物覚えが悪いが、エンジニアを目指しています。