Support of multiple image dirs and sources

[dev7ch]

If i would use a lot of images it could be useful to define different independent source of images.

Or you could dream of array of an object with images (e.g. image collection from CDN)

@barryrld what do you think about this thoughts?

[dev7ch]

maybe something like this

['@reallifedigital/nuxt-image-loader-module', {  
      imagesBaseDir: ['static/uploads', '../outside-of-Project/', 'https://api.yourimageserver.com'],  
      imageStyles: {  
        thumbnail: { actions: ['gravity|Center', 'resize|320|180^', 'extent|320|180|+0|+90'] }  
        // ...  
      },  
    }]  
]

[Barry-Fisher]

Good idea.

I was also thinking that the destination directory (e.g. image-styles) should be configurable, but this may not be necessary.

As for the remote retrieval of images, I'll need to give this some thought. I'll mark this as an enhancement for now.

Thanks,

Barry

[adamkhan]

Thanks for making and releasing this. I'm hunting around for a way to do this for images brought into Nuxt via Apollo from the site's content store (Strapi). I presume you've pulled this off? What is the approach? All I can think of is to maybe after the Apollo call write the files to a Nuxt directory then process the images? Looks like the suggestion in this thread would do the trick as well?

[dev7ch]

@adamkhan i am not sure but i assume if u use strapi in a running node.js server env that would be the ideal place where the image library resize, crop etc is done to have the correct images directly in apollo.

But yes the initial idea of the suggestion was to pull it from somewhere store it locally and put only the needed files into nuxt (or where it is needed)