初心者のGulp

dart sassの使用
vscodeの使用
vscodeでのcssコンパイル

dartcssメモ。
cssフォルダとscssフォルダを分けたいので
メモ:プロジェクトフォルダのscssの中にsassをインストール
いろいろインストールするとscssの中にファイルやフォルダができる。
コンパイル出力先が違っていたのはこれが原因。

ここまで頭を沸騰させながらきた。
その次に立ちはだかった壁は、メディアクエリだった。
このあとレスポンシブ化作業をする際に、
sassで書きたいようにかけば、メディアクエリが乱立する。
メディアクエリをきれいに整理することを優先すれば効率が落ちる。

メディアクエリをまとめられないか、調べていたらgulpに行き着いた。
それまでも目にはしていたが、vscodeやDWでお手軽にコンパイルしていたからターミナルなんて自分には無理だと避けていた。

https://ics.media/entry/3290/


gulpfiles.js

package.json

node_modules
が同じ階層

この記事が気に入ったらサポートをしてみませんか?