How to specify path for images in CSS file?

Question

How to specify path to images in css styles for component?

My styles are stored in assets directory, but components in others. When I try to set full path it is so long.

Sample is:

background: url(../../assets/img/angularclass-avatar.png)

Can I set constant like this: PATH = ../../assets/img/ and use only angularclass-avatar.png? — POV
– POV, Commented Jul 24, 2017 at 6:29

Vega · Accepted Answer · 2017-07-24 06:30:01Z

5

It should be

background: 'url(/assets/img/angularclass-avatar.png);'

answered Jul 24, 2017 at 6:30

Vega

28.8k28 gold badges121 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

POV Over a year ago

Also I can define variable in SASS and just pust it everywhere

alexrait Over a year ago

Is there no way to make the relative path work as is?

Vega Over a year ago

@user987949, it depends where the resources are. But the relative path is not the issue

alexrait Over a year ago

When I use a relative path in CSS I get a build error: With this: ERROR in ./src/styles.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

Vega Over a year ago

@user987949 Where is /images relative to /app or /src?

|

Collectives™ on Stack Overflow

How to specify path for images in CSS file?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related