ember-cli where to put images

javascript ember.js ember-cli
Undefined picture Undefined · Sep 17, 2015 · Viewed 17.2k times · Source

In the ember-cli folder structure where should I put images?

/app
/bower_components
/config
/dist
/node_modules
/public
/tests
/vendor

I am using ember-cli version 1.13.1.

Answer

Undefined picture Undefined · Sep 17, 2015

Create a folder inside public -> public/assets/images/, and place your images inside. You can then access them in the browser using /assets/images/imagename.png

Source from the ember-cli documentation it states:

Raw Assets

public/assets vs app/styles To add images, fonts, or other assets, place them in the public/assets directory. For example, if you place logo.png in public/assets/images, you can reference it in templates with assets/images/logo.png or in stylesheets with url('/assets/images/logo.png').

Related questions

"[Report Only] Refused to load the font..." error message on console

More specifically: [Report Only] Refused to load the font 'data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABBQAAoAAAAAG…H8zVsjnmMx0GcZ2HGViNOySWEa9fvEQtW43Nm+EOO0ZIpdLbMXoVzPJkcfHT6U+gLEpz/MAAAA' because it violates the following Content Security Policy directive: "font-src 'self'". this …

Read More
Add node module to ember CLI app

I would like to use this Node.js module https://www.npmjs.com/package/remarkable-regexp in my Ember-CLI application. How do I make it available to the Ember application? I tried it by adding this to the Brocfile.js app.…

Read More
Getting "Uncaught Error: Assertion Failed: Ember Views require jQuery between 1.7 and 2.1" with app created through ember-cli

I'm starting with ember. I followed the Getting Started guide at emberjs.com and managed to create a new ember application by running the following commands: npm install -g ember-cli ember new sample-app Everything went successful and I can see …

Read More