milligram の導入 - 不定期刊 Rails App を作る(22)

RailsApp Rails milligram Webpack 2018年 12月 4日

一つのクラスについて一通り作業ができたので，実際にブラウザで確認する． 現在は見た目に何も手を入れていないので，Webpacker で milligram を導入することとする．

環境の整備

1. まず，yarn で milligram をインストールする．

yarn add milligram

2. frontend/packs/application.css に milligram を import する．以前書いていたバックグラウンドの色付け部分は消しておく．

/* frontend/packs/application.css */
@import 'milligram'

3. ログイン画面はこんな感じになった

長くなったので今日はここまで