CSSの作成では、sass を利用し、gulp で監視します。
事前に Node.js をインストールしておき、npm コマンドが利用できるようにしておきます。
gulp と sass が動作するように、npm でライブラリをインストールします。
npm install
gulpによる監視は、 npm workspace を利用するため、アプリケーションルートで次のコマンドを実行します。
npm run dev -w plugins/[プラグイン名]
監視対象は、/src/css/
配下の sass ファイルとなります。 監視対象のファイルを更新すると、/webroot/css/ 配下のディレクトリ構造を維持した同階層にコンパイルします。
# ソース・ファイル
/src/css/style.scss
# コンパイル先のファイル
/webroot/css/style.css