title: ember.js include custom js
body: <p>Attempting to wrap my head around Ember.js.
  Seems I understand the complex things, but miss out on the little things.</p>
  
  <p>How would one go about adding an example.js file?
  For simplicity, let's say the example.js file only contains:</p>
  
  <pre><code>(function(){
    console.log("example is alive in console");
  })(window);
  </code></pre>
  
  <p>This should display "example is alive in console" within the browser console.</p>
  
  <p>I have tried:
  adding <code>app.import('vendor/javascripts/example.js');</code> within ember-cli-build.js and adding <code>&lt;script src="{{rootURL}}vendor/javascripts/example.js"&gt;&lt;/script&gt;</code> to index.html</p>
  
  <p>Console is showing </p>
  
  <blockquote>
    <p>&#9447; GET <a href="http://localhost:4200/vendor/javascripts/example.js" rel="nofollow noreferrer">http://localhost:4200/vendor/javascripts/example.js</a><br>
    DEBUG: -------------------------------<br>
    DEBUG: Ember      : 2.11.3<br>
    DEBUG: Ember Data : 2.12.1<br>
    DEBUG: jQuery     : 3.2.1<br>
    DEBUG: -------------------------------<br>
    &#9447; GET <a href="http://localhost:4200/vendor/javascripts/example.js" rel="nofollow noreferrer">http://localhost:4200/vendor/javascripts/example.js</a> </p>
  </blockquote>
  
  <p>All of the answers I have found stated that just adding custom.js to vendor file works.  Sadly, I am missing something.</p>