Laravel-mix: Is there a way to optimize images not referenced in css files?

[panda-madness]

I have a bunch of images that are not referenced in any css files, hence don't go through the optimization pipeline. Is there a way to trigger image optimization on them (svgo, mozjpeg etc.)?

---img
------image1.jpeg // referenced in css
------image2.svg // referenced in css
------image3.png // not referenced in css
---scss
------app.scss
---js
------app.js

dist
---img
------image1.jpeg
------image2.svg
app.css
app.js

[decadence]

Also have this question.

[ruchern-chong]

Use relative paths for your images, then the respective loaders will take care of them.

[hdl-helsinki]

@panda-madness I do this by running a custom function.

[sebdesign]

You can import images not referenced in css like this:

In your resources/assets/js/app.js:

// import all the images in [resources/assets/images], including subdirectories

require.context('../../images', true, /\.(png|jpe?g|gif)$/);

Now webpack will process all images through file-loeader and img-loader.

Note: I'm not including svg in the regex because currently laravel mix stores them in the fonts directory.