前回まででGruntのプラグインを入れ設定まで行いました。
Gruntの実行
WebStorm画面下の「Grunt」を開いてください。
もし表示されていない場合はプロジェクトビューからGruntfile.jsを右クリックし「Open Grunt Console」を選択してください。
Gruntコンソールが開くとプロジェクト内のGruntfile.jsの設定が読み込まれています。
その中の default を実行するとsassフォルダ内の監視が始まります。
Sassの編集
Gruntの実行後、sassフォルダ内のsassファイルを編集保存すると自動的にコンパイルが行われます。
cssフォルダの同名cssファイルにコンパイルされた内容が出力されます。
