Closed vksco closed 6 years ago
Hey @vikash2039 yeah I wrestled with this a little as well and ended up linking images relative to /wp-content using a JS variable. It's not the cleanest solution but it worked. I'm not a webpack guru but I'm sure there are other ways of handling it.
i dint think if it is a good idea for production environment..... i did a better solution for this but its only temporary. laravel-mix gives us support for adding 'resourceRoot' for our absolute assets like images, fonts ... change it with url of project , like 'http://localhost/project-name/wp-content/themes/theme-name/dist/', this will compaile all assets with this path.
another side,
developer can use wordpress backend to upload images and get url for the images.
but as i said its temporary. we need to find out any solid solution for this.
@vikash2039 have you thought any more about this?
before mixing all the assets i used to put all images under
src/assets/images/
, after mixing all the images copied todist/assets/
, but wordpress theme could't get this image from its url i.e<img data-v-10e39ae0 src="/images/homelayer1-min.png?29a6a2fd8dadbdd1e9cd6b82fe8f22d5">
.the url should be
<img data-v-10e39ae0 src="dist/assets/images/homelayer1-min.png?29a6a2fd8dadbdd1e9cd6b82fe8f22d5">
now how to resolve this image url problem?