node (npm) でSass/Scssのインストール css ファイルへ変換（コンパイル）する方法

SassはCSSの拡張言語で、効率的にCSSを記述することができる言語になります。この記事では、npmを使用してSassをインストールし、sass コマンドを使用してsass / scssから css へコンパイルする方法を確認します。

Sassをインストール

npmを使ってSassのインストールを行います。Chocolateyまたは、Homebrewでインストールする事もできます。こちら

ターミナルを開いて、npm -v コマンドを打ちバージョンが表示されれば npm はすでに入っています。

npm のインストールは、node.js で node.js をインストールすると、npm もインストールすることができます。

npm コマンドが使えるようになったので、以下のコマンドを入力します。

npm install -g sass

これで sass コマンドを使うことができるようになります。

Sass コマンドでコンパイル

ファイル構成

index.html
|-- css/
|   `-- style.css
`-- sass/
    `-- style.scss

5 : sass / scss で書かれたコードを、3 : css に変換（コンパイル）します。

sass sass/style.scss css/style.css

sass <input.scss> [output.css] の形で指定します。

sass コマンドにはオプションを指定することができ、以下のオプションでは sass / scss ファイルが保存されると自動的にコンパイルが開始されます。その他のオプション

sass --watch sass/style.scss css/style.css

以上 Sass のインストールとコンパイルでした。