ゲームリンクスのWebサイトにyarnでUmiを適用してみた

はじめに

ゲームリンクスのWebサイトはRuby on Rails + Herokuで運用しています。

デザイン面などはUmiという日本語をきれいに表示できるBootstrapテンプレートを使っていました。

 

で、そのUmiがnpmに対応したとのことなのでyarnを使って適用してみた。

github.com

www.npmjs.com

 

やったこと

まず、app/assets/javascriptsとapp/assets/stylesheetsの中にあるBootstrap.jsとBootstrap.cssを削除

 

次に、yarnでUmiをインストール

yarn add bootstrap-umi

 

app/assets/javascripts/application.js に下記を追加

//= require bootstrap-umi/dist/js/bootstrap

 

app/assets/stylesheets/application.cssに下記を追加

*= require bootstrap-umi/dist/css/bootstrap

 

おわりに

やったことといえばこれだけ。

まあ、元々Vue.jsを使うためにyarnをインストールしたり、webpackerを使えるようにしたりしてたので難しいことはなかった

 

参考資料

nithinbekal.com