CSS assets paths in 3rd party libraries when using jsbundling-rails

274 Views Asked by At

I'm in the process of updating my Rails app to version 7. As part of this, I've removed Webpacker and am trying to move my whole assets solution to the new jsbundling-rails and cssbundling-rails gems. So far it's working really nicely and is a lot simpler.

One of the things that does not appear to be working are images referenced in CSS files that are a part of a 3rd party library such as Photoswipe.

The library itself works but the images fail. Photoswipe includes a SCSS variable for the path to the skin and when I was using Webpack I had this line set as below:

$pswp__assets-path: "../../../node_modules/photoswipe/src/css/default-skin/"; // path to skin assets folder (preloader, PNG and SVG sprite)

This is now failing, I've tried soooo many combinations of things but I cannot for the life of me seem to be able to get those images working.

This is not just a Photoswipe issue, it's happening in a number of other libraries where images are being referenced.

Any suggestions?

0

There are 0 best solutions below