node-sass でSassをコンパイル

3706 ワード
node-sass angular-cli node-sass テキストリンク

使用したIDE

Angular IDE
https://www.genuitec.com/products/angular-ide/

インストール

scssファイルを用意

hoge.scss

$bg1: #fff;
$w: 500px;
$h: 100%;

html,body {
    background-color: $bg1;
}

.style-wrap {
    height: $h;
    width: $w;
    border: 1px #ccc solid;
}

実際にコンパイルしてみる

$ node-sass hoge.scss hoge.css --output-style expanded

同じディレクトリにCSSファイルが作られる

hoge.css
html, body {
  background-color: #fff;
}

.style-wrap {
  height: 100%;
  width: 500px;
  border: 1px #ccc solid;
}