Как оптимизировать изображения в laravel Mix?

Question

[Junior Development]

Решил попробовать альтернативу gulp и поработать с Laravel Mix.
В оф. документации к Laravel Mix всё описано достаточно понятно, тем не менее, у меня возникли трудности с оптимизацией изображений.

Код моей сборки:

let mix = require('laravel-mix');

const ImageminPlugin = require('imagemin-webpack-plugin').default;
const CopyWebpackPlugin = require('copy-webpack-plugin');
const imageminMozjpeg = require('imagemin-mozjpeg');

mix.webpackConfig({
    plugins: [
        new CopyWebpackPlugin([{
            from: 'src/img',
            to: 'build/img', 
        }]),
        new ImageminPlugin({
            test: /\.(jpe?g|png|gif|svg)$/i,
            plugins: [
                imageminMozjpeg({
                    quality: 80,
                })
            ]
        })
    ]
});

Выдаёт ошибку

ValidationError: Invalid options object. Copy Plugin has been initialized using an opti
ons object that does not match the API schema.

Подскажите, что вы используете при оптимизации изображений в Laravel Mix?

Answer 1

[Сергей delphinpro]

Написано же: неправильный объект настроек плагина CopyWebpackPlugin.
Ознакомьтесь с документацией https://webpack.js.org/plugins/copy-webpack-plugin/

Comments

[Junior Development]

C Webpack ранее не работал и в связи с малым опытом, многие вещи в оф. документации Webpack непонятны.
Не могли бы вы прислать пример оптимизации изображений сборки Laravel mix учитывая оф. док.ументацию

Я, да и не только я, был бы очень вам благодаре!

[Сергей delphinpro]

-new CopyWebpackPlugin([{
-  from: 'src/img',
-  to: 'build/img', 
-}]),
+new CopyWebpackPlugin({
+  patterns: [{
+    from: 'src/img',
+    to: 'build/img', 
+  }],
+}),