Как подключить плагин html-minifier для gulp?

Question

[Brendan Castaneda]

Я хочу подключить в gulp плагин html-minifier
Есть аналогичный плагин gulp-html-minifier или htmlnano но гораздо лучше получать новые обновления напрямую.

Возможно как-то может помочь этот плагин но я пока не разобрался так-ли это... vinyl-source-stream

Этот код не работает с использованием htmlMinify.
Возвращаемое значение не является функцией говорит он мне указывая на разные строки в этом плагине.

const htmlMinify = require('html-minifier').minify

function html() {
    const options = {
        includeAutoGeneratedTags: true,
        removeAttributeQuotes: true,
        removeComments: true,
        removeRedundantAttributes: true,
        removeScriptTypeAttributes: true,
        removeStyleLinkTypeAttributes: true,
        sortClassName: true,
        useShortDoctype: true
    }
    return src(config.app.html)
        .pipe(htmlMinify(options))
    .pipe(dest(config.build.html))
}

exports.stream = series(clear, html, stream)

Answer 1

[Brendan Castaneda]

Я написал код для работы этого плагина с gulp.
Больше нет необходимости использовать сторонние плагины.

const { src, dest, series } = require('gulp');
const htmlMinify = require('html-minifier');

const options = {
    includeAutoGeneratedTags: true,
    removeAttributeQuotes: true,
    removeComments: true,
    removeRedundantAttributes: true,
    removeScriptTypeAttributes: true,
    removeStyleLinkTypeAttributes: true,
    sortClassName: true,
    useShortDoctype: true,
    collapseWhitespace: true
};

function gHtmlMinify() {
    return src('app/**/*.html')
        .on('data', function(file) {
            const buferFile = Buffer.from(htmlMinify.minify(file.contents.toString(), options))
            file.contents = buferFile;
            console.log(file);
            return;
        })
        .pipe(dest('build'))
}
exports.gHtmlMinify = series(gHtmlMinify);

Answer 2

[Алексей Дубровин]

Тк как никто не помог, наводка*

Плагины для GULP не зря же ставят что они именно для gulp.

src, pipe - они могут работать только с данными преобразованными специальным образом.
Сделайте консоль команды src - вот это то что используют другие команды/плагины

Если в крации то просто так это сделать не получиться.(Это очень много работы).

Comments

[Brendan Castaneda]

Я понимаю, что плагины для gulp это адаптированная версия плагина плагина для node.js
Например вот команда разработчиков написала плагин 'gulp-postcss' через который можно подключить плагин для node.js 'autoprefixer' ну и ряд других плагинов... Или вот тоже плагин replace-in-file
его так-же можно прикрутить к галпу обернув в функцию.
По этому я считаю, что можно подключить и другие плагины.

src, pipe... Это зависит от входящего потока?
Я читал, что на выходе .pipe(dest(folder)) создается поток Node, который обычно используется в качестве потока-ограничителя.
Консоль команды src... Тут я не понял, console.log()? Посмотреть что приходит туда.

[Алексей Дубровин]

Brendan Castaneda, Суть така, тут вряд ли кто-то решит эту задачу, тк как это действительно запарно

[Brendan Castaneda]

Алексей Дубровин, Ну я поспрашиваю более подробно у разработчиков плгаина ещё может и удастся запилить что-то рабочее...
А не выйдет ну фиг с ним тогда.