Minify HTML после компиляции мопса с Laravel Mix - PullRequest
1 голос
/ 03 марта 2020

Не могли бы вы помочь мне с минимизирующим кодом html в одну строку после laravel -mix-pug?

Мой код сейчас не работает, и я не знаю, в чем причина:

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

let pretty = true;
if (mix.inProduction()) pretty = false;

mix.js(['src/js/main.js', 'src/js/plugins.js'], 'dist/js/scripts.js')
    .sass('src/sass/app.scss', 'dist/css/styles.css')
    .options({
        processCssUrls: false
    })
    .pug('src/*.pug', '../dist', {
        pug: {
            pretty: pretty
        }
    });

mix.webpackConfig({
    module: {
        rules: [
            {
                test: /\.html$/,
                loader: 'html-loader',
                options: {
                    minimize: {
                        removeComments: true,
                        collapseWhitespace: true,
                        minifyJS: true
                    },
                },
            },
        ],
    },
});

1 Ответ

0 голосов
/ 07 марта 2020

Просто установите html -минификатор и отредактируйте ваш пакет. json с помощью laravel -микшированных скриптов, таких как:

"minify": "html-minifier --input-dir ./dist --output-dir ./dist --file-ext html --collapse-whitespace --remove-comments --process-conditional-comments --minify-js true", "prod": "npm run production && npm run minify"

...