Невозможно минимизировать изображения в Vue2 - PullRequest
0 голосов
/ 25 марта 2020

У меня есть приложение Vue, которое также использует laravel-mix.

У меня есть image, что превышает 3 МБ, что мне нужно minifying.

Я следовал пример из: https://laravel-mix.com/extensions/imagemin

, а также читать: https://github.com/JeffreyWay/laravel-mix/issues/426

, но, похоже, все еще не работает вообще и я не могу понять, где я иду не так.

webpack.mix. js

const mix = require('laravel-mix');
require('laravel-mix-imagemin');

mix.js('frontend/src/js/main.js', 'frontend/web/js')
    .imagemin(
        'web/images/**.*',
        {
            context: 'frontend',
        },
        {
            optipng: {
                optimizationLevel: 5
            },
            jpegtran: null,
            plugins: [
                require('imagemin-mozjpeg')({
                    quality: 100,
                    progressive: true,
                }),
            ],
        }
    );

пакет. json

"devDependencies": {
    "copy-webpack-plugin": "^5.1.1",
    "imagemin-mozjpeg": "^8.0.0",
    "imagemin-webpack-plugin": "^2.4.2",
    "laravel-mix": "^4.0.15",
    "laravel-mix-imagemin": "^1.0.3",
    "vue": "2.5.22",
    "vue-template-compiler": "^2.5.22"
    ....
},

Локально работает

enter image description here

Структура папок

enter image description here

...