title: I can't load bower/yarn dependencies on my rails projects
body: <p>I want to manage my fron-end with <strong>yarn</strong> or <strong>bower</strong> tools to download the packages directly from the github and I'm having some troubles to call the files from <code>application.css</code> or <code>application.js</code>. </p>
  
  <p>So I created a simple rails project to examine the main problem carefully. I did the changes written in this short article (<a href="https://sheerdevelopment.com/posts/using-yarn-with-rails" rel="nofollow noreferrer">https://sheerdevelopment.com/posts/using-yarn-with-rails</a>) </p>
  
  <p><em>1. use the command to generate the yarn <strong>package.json</strong> file and <strong>components</strong> folder:</em></p>
  
  <pre><code>yarn add font-awesome --modules-folder ./vendor/assets/components/
  </code></pre>
  
  <p><em>2. add this line on <strong>assets.rb</em></strong></p>
  
  <pre><code>Rails.application.config.assets.paths &lt;&lt; Rails.root.join("vendor", "assets", "components")
  </code></pre>
  
  <p><em>3. change <strong>application.css</strong> to <strong>application.scss</strong> and add:</em> </p>
  
  <pre><code>*= require font-awesome/scss/font-awesome
  </code></pre>
  
  <p>obs: I tried without this last modification too and with the path font-awesome/css/font-awesome that we have.</p>
  
  <blockquote>
    <p>couldn't find file 'font-awesome/css/font-awesome' with type
    'text/css' Checked in these paths:<br>
    /home/fillype/code/modusss/blog/app/assets/config<br>
    /home/fillype/code/modusss/blog/app/assets/images<br>
    /home/fillype/code/modusss/blog/app/assets/javascripts<br>
    /home/fillype/code/modusss/blog/app/assets/stylesheets<br>
    /usr/local/opt/rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/coffee-rails-4.2.1/lib/assets/javascripts   /usr/local/opt/rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/actioncable-5.1.0.rc1/lib/assets/compiled   /usr/local/opt/rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/actionview-5.1.0.rc1/lib/assets/compiled
    /usr/local/opt/rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/turbolinks-source-5.0.0/lib/assets/javascripts</p>
  </blockquote>
  
  <pre><code>Extracted source (around line #13):
  11 * It is generally better to create a new file per style scope.
  12 *
  13 *= require font-awesome/scss/font-awesome
  14 *= require_tree .
  15 *= require_self
  16 */
  </code></pre>
  
  <p>What I noticed is that the Rails is not looking for the assets inside the components' folder despite the fact that I specified this path on <code>assets.rb</code> file.</p>