1日1%成長するブログ

毎日成長するために仕事/プライベートで得た学びをアウトプットするブログです

Rails5にyarnでAdminLteをインストールする

admin-lteはbootstrap3ベースの管理画面用テンプレート。

インストール

  • yarn add admin-lte
  • admin-lteを入れると必要なnpmは一緒に依存解決でnode_modulesにインストールされる

application.cssに以下のcssをインポートする

@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'font-awesome/css/font-awesome.min.css';
@import 'admin-lte/dist/css/AdminLTE.min.css';
@import 'admin-lte/dist/css/skins/skin-blue.min.css'

application.jsに以下のjsをインポートする

//= require jquery/dist/jquery.min.js
//= require bootstrap/dist/js/bootstrap.min.js
//= require admin-lte/dist/js/adminlte.min.js

starter.htmlの中身で必要な部分のみコピー

  • それで動けばOK