Posted at

RailsからnpmでinstallしたCSSを使う

More than 1 year has passed since last update.


About

タイトルそのまま。自分用メモ。


環境


  • Rails 5.0.0.1

  • npm 3.9.3


node_moduleをinstallする

今回はこちらのprogress barを導入したい。

https://github.com/NigelOToole/progress-tracker/

$ npm init -y

$ npm install progress-tracker --save


RailsからCSSを使えるようにする


  • assetsにpathを追加する


config/initializers/assets.rb

Rails.application.config.assets.paths << Rails.root.join('node_modules')



  • importしてやる


app/assets/stylesheets/application.css.scss

@import "progress-tracker/app/stylesprogress-tracker.scss";


これであとはRails側で呼び出せば良い。


追記

importがいいとかrequireがいいとかはまだよくわかってない。


参考