0

Имеется ли в phpStorm возможность автоматической минимизации HTML файла, как это позволяет делать плагин «YUI Compressor JS»/CSS»?

Проблема в том, что без минимизации HTML файл весит больше и переносы строк в файле могут влиять на отображение страницы в браузере.

2
  • 1
    Лучше перепишите код так, чтобы переносы строк не влияли, а на вес вообще не смотрите, потому что на всех нормальных серверах есть gzip
    – andreymal
    8 июн 2018 в 9:05
  • Спасибо! Подскажите, тогда может есть встроенный инструмент/плагин позволяющий удалять из HTML файла хотя бы закомментированные строки? Чтобы не публиковались комментарии 8 июн 2018 в 12:27

1 ответ 1

4

в PhpStorm нет встроенной автоматической минимизации HTML файла, но ее несложно добавить.

  • npm install html-minifier -g
  • в Settings | Tools | File Watchers, добавьте новый file watcher, используя custom шаблон
  • в поле Program, укажите полный путь к html-minifier
  • в поле Arguments, добавьте след. аргументы:

$FileName$ --collapse-boolean-attributes --collapse-whitespace --html5 --remove-attribute-quotes --remove-comments --remove-empty-attributes --remove-optional-tags --remove-redundant-attributes --remove-script-type-attributes --remove-style-link-type-attributes --remove-tag-whitespace --sort-attributes --sort-class-name --trim-custom-fragments --use-short-doctype --minify-js -o $FileNameWithoutExtension$.min.html

  • в поле Output paths to refresh, укажите $FileNameWithoutExtension$.min.html

  • Working directory: $FileDir$

введите сюда описание изображения

Полный список опций html-notifier доступен по команде html-minifier --help. См. https://github.com/kangax/html-minifier

2
  • Спасибо! Все получилось - работает 8 июн 2018 в 19:25
  • Tip: If you want to show HTML files with the same name as nested, right-click on the Project tool Window and choose "File nesting...". Add: Parent file suffix: .html -> Child file suffix: .min.html
    – drake7
    25 июн 2020 в 17:33

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.