Atomでsassファイルをwatchしてコンパイルする
準備
- node.jsを入れる
- ターミナルから
node-sass
を入れる
-
npm -g install node-sass
だと、installを繰り返してしまい、インストールが終わらない
- 下記コマンドでインストールできました。
npm -g --unsafe-perm install node-sass
-
node-sass -v
でバージョン確認できれば大丈夫。
Atom
-
Preference
-> Install
で、sass-autocompiled
をインストール
- コンパイルしたいscssファイルを開き、ctrl + shift + c で、開いたファイルを監視してくれる。
オプション
指定したフォルダにコンパイル
node-sass
を入れる
-
npm -g install node-sass
だと、installを繰り返してしまい、インストールが終わらない - 下記コマンドでインストールできました。
npm -g --unsafe-perm install node-sass
-
node-sass -v
でバージョン確認できれば大丈夫。
-
Preference
->Install
で、sass-autocompiled
をインストール - コンパイルしたいscssファイルを開き、ctrl + shift + c で、開いたファイルを監視してくれる。
オプション
指定したフォルダにコンパイル
scssファイルの行頭に// compileCompressed:
で、コンパイル先を指定する。
scss
// compileCompressed: path/to/css/hoge.css
import先のファイルもwatchする
import先のファイル行頭に//main:
で、import元の親ファイルを指定する。
scss
//main:hoge.scss
Author And Source
この問題について(Atomでsassファイルをwatchしてコンパイルする), 我々は、より多くの情報をここで見つけました https://qiita.com/tyan_hikaru/items/424f74bae77d71e70bda著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .