I am using the new Phoenix 1.6 - installed from scratch. in my css which is in assets/css/app.css I have this line: background-image: url(images/blue.png); but I am getting this error: error: Could not resolve “images/blue.png” (mark it as external to exclude it from the bundle) the image is…

[image] dojap: Perhaps the devs who are more intimate with Phoenix development will notice this post and will be able to help. We have been looking at it. Just a quick note – I understand that you are currently frustrated that something is causing you problems, but your tone to multiple peopl…

Again, my problems are that: This “loader”, whatever it is (a program, method, whatever…) of esbuild creates another copy of my existing image phoenix.png that is already here: /priv/static/images/phoenix.png. /images is a place I want to have all images that are design related - and I suppose that…

I am completely stuck. All I wanted was to show an image via background-image on my html element. And I ended up debugging my app and trying to search through the esbuild go source code. Please, could somebody try to install a vanilla fresh Phoenix 1.6 install and try to use background-image in t…

i’ve created a fresh install in 1.6 on mac and i get the same problem [watch] build started (change: "css/phoenix.css") > css/phoenix.css:41:24: error: Could not resolve "../images/phoenix.png" 41 │ background-image: url("../images/phoenix.png"); I’ve other project where i’m experimenting w…

[image] experimentix: talwind and alpine Thanks, finally somebody who can reproduce this problem on his machine. I thought I was crazy. Perhaps the devs who are more intimate with Phoenix development will notice this post and will be able to help.

When you are serving assets to a website, they should get bundled first - this will take the raw files and output them to a separate file/directory, where they are then delivered to the client efficiently. This is what esbuild is for - it is a bundler. You can control the output directory in confi…

[image] APB9785: ssets to a website, they should get bundled first - this will take the raw files and output them to a separate file/directory, where they are th I have already images in my static folder. Again, I don’t want to duplicate my images. Now I have dupllicates (pheonix.png and pho…

[image] dojap: This “loader”, whatever it is (a program, method, whatever…) of esbuild creates another copy of my existing image phoenix.png that is already here: /priv/static/images/phoenix.png /priv/static is an output dir, not a source dir. likewise, it is in the .gitignore file. You image…

Then why is the default phoenix.png - distributed by the phoenix team image in /priv/static/images/phoenix.png and not in /assets/static/images/phoenix.png as you are suggesting? Check for yourself if you don’t believe me. Install the Phoenix 1.6 and check the folder and files structure.

[image] derek-zhou: /priv/static is an output dir, not a source dir. likewise, it is in the .gitignore file. You images should live in /assets/static/images/, and something in your build pipeline should copy them into /priv/static/images/ That used to be the case pre 1.6. In 1.6 only priv/sta…

Any idea how to make esbuild stop making copies of the already-existing images in priv/static/images ? Is there any option to ignore budling of images and just leaving them as they are, that is, allowing to linking to them in CSS in background-image with the old way as in Phoenix 1.5?

Background-image in CSS not working in Phoenix 1.6

Questions & Help Questions

LostKobrakai October 7, 2021, 3:52pm 34

That used to be the case pre 1.6. In 1.6 only priv/static/assets are ignored and static assets are indeed meant to go into priv/static directly.