Gulp

gulpを使うことが増えたのですが毎度使うまでの手順を微妙に忘れてしまうため、書き残していきます。大まか流れは下記の手順となります。 ・Node.jsをインストール ・コマンドでpackage.jsonファイルの作成 ・Gulpのインストール ・モジュールのインストール ・gulpfile.jsファイルの作成,変更 ・cssファイルの用意 ・コマンドの実行 今回はNode.jsのインストールは割愛し、package.jsonファイルを作るところから書いていきます。 package.jsonファイルの作成 まずはpackage.jsonファイルをコマンドで作ります。 今回はtestディレクトリにgulpをインストールしたいので、testディレクトリに移動します。 移動したら下記コマンドを叩きます。 npm init -y これでpackage.jsonが作成されます。 Gulpのインストール 続けてgulpをインストールするコマンドを叩きます。 npm install -D gulp これでインストールは完了です。 モジュールのインストール ここではSassをコンパイルするためのプラグインをインストールします。 npm install -D gulp gulp-sass ここでは異なり先ほどとはtestディレクトリにファイルは増えませんが、プラグインがインストールされました。 gulpfile.jsファイルの作成,変更 gulpfile.jsは自分で作る必要があります。 作成後、下記のコードをコピペします。 [crayon-6627e20419c96557696707/] cssファイルの用意 最後にcssフォルダを作成し、cssファイルとscssファイルを用意します。これでコンパイルされる環境が整いました。 コマンドを叩く エディタを開きターミナルを開きます。 その後下記コマンドを叩き、エンターをするとコンパイルが確認できます。 npx gulp 参考元 今回初めてgulpをインストールする際はこちらの記事を参考にさせて頂きました。 とても分かりやすかったです。 https://ics.media/entry/3290/

LibSassからDart Sassへ移行

gulpのインストール　Sassを使うまでの手順

LibSassからDart Sassへ移行

gulpのインストール Sassを使うまでの手順

gulpのインストール　Sassを使うまでの手順