1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ruby入れたくない人がsassのコンパイルをローカルでする方法

Last updated at Posted at 2016-07-13

元ネタ様はこちら。つまりrubyじゃなくてexeが作れるんだよ!

Windowsで軽量高速なSASS「sassc」を使う+自動コンパイルする - Qiita

VisualStudio(2015 Community)がある環境前提。
適当なプロジェクトで以下のコマンドを叩く。

git clone https://github.com/sass/libsass

cd libsass
git clone https://github.com/sass/sassc

つまり、まずlibsassプロジェクトをcloneして、そのプロジェクトの中にsasscプロジェクトをcloneするという事。こんな事してるのは初めて見たな…
そして\libsass\sassc\win\sassc.sln を開いてビルドすると\libsass\sassc\bin\sassc.exeにexeが出来ますよと。exe単体で動くっぽいから取り扱い楽でいいね。
そしてsassc.exe inputfile > outputfile.cssで動いてくれる。標準出力に出力するから注意かな。
ヘルプはsassc.exe -h。パラメーター無しで起動すると沈黙する。

Usage: sassc.exe [options] [INPUT] [OUTPUT]

Options:
   -s, --stdin             Read input from standard input instead of an input file.
   -t, --style NAME        Output style. Can be: nested, expanded, compact, compressed.
   -l, --line-numbers      Emit comments showing original line numbers.
       --line-comments
   -I, --load-path PATH    Set Sass import path.
   -P, --plugin-path PATH  Set path to autoload plugins.
   -m, --sourcemap         Emit source map.
   -M, --omit-map-comment  Omits the source map url comment.
   -p, --precision         Set the precision for numbers.
   -v, --version           Display compiled versions.
   -h, --help              Display this help message.

エラーがあったのでそのメモも。
先頭数行がこんなcssで

hoge.sass
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
body { 
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	margin-right: 300px;

こんなエラーが出て怒られた

 > .\sassc.exe .\sass.sass                    
Error: Invalid CSS after "body{": expected "}", was "{" on line 3 of sass.sass
>> body{ {
   -----^

かなり困ったけど、ファイルの拡張子がscssである必要があるっぽい。つまり上記のファイルはhoge.sassからhoge.scssにすればオッケー。

おわり

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?