Установите Gulp-Htmlmin с NPM через одну команду:
npm установить gulp-htmlmin-save-dev
После завершения установки откроем файл gulpfile.js, мы записываем задачу, чтобы специфически сжать HTML и выполнять серию обработки на HTML:
var gulp = require ('gulp'); var htmlmin = require ('gulp-htmlmin'); gulp.task ('html', function () {var options = {collapswhitespace: true, collapsbooleanattributes: true, removecomments: true, removeemptyattributes: true, Removescripttypeattributes: true, removestlelinktypeattributes: true, minifyjs: true, minifycss: true }; Gulp.src ('app/**/*. html'). Pipe (htmlmin (опции)).Мы видим, что в задаче есть опция настройки, которая введет роль их свойств:
1.collapsewhitespace: Из буквального значения следует видеть, что очистка пробелов и сжатие HTML более важны, с относительно большим эффектом, и количество сжатия, вызванное изменениями, также особенно большое;
2.collapsebooleanattributes: Опустите значение логического атрибута, такого как: <input checked = "cherced"/>, затем после настройки этого атрибута он станет <input chered/>;
3. СРЕМОВЕКА: Очистить комментарии в HTML, мы должны уменьшить комментарии на HTML -странице.
4. Removeemptyattributes: очистить все пустые атрибуты,
5. Removescipttypeattributes: очистить атрибут type = "text/javascript" во всех тегах скрипта.
6. Removestilelinktypeattributes: очистить атрибуты типа по всем тегам ссылки.
7.minifyjs: сжатие кода JavaScript в HTML.
8. Minifycss: сжатие кода CSS в HTML.
Короче говоря, принцип сжатия HTML состоит в том, чтобы очистить бесполезный код, удаление атрибутов со значениями по умолчанию и сжатие HTML к минимуму, чтобы повысить производительность операции проекта.