Сжимать CSS и JS-код с помощью PHPStorm? - программирование

Сжимать CSS и JS-код с помощью PHPStorm?

Я использую PHPStorm. Это отличное программное обеспечение для веб-разработчиков.

Когда я хочу сжать свои CSS и JS файлы в PHPStorm, я не могу найти никакой опции в PHPStorm.

Итак, скажите, как сжать CSS и JS-код в PHPStorm.

4b9b3361

Ответ 1

Найдено Плагин Assets Compressor. Посмотрите, помогает ли это.

EDIT - изменен на новую ссылку, указанную @spade

Ответ 2

Смотрите связанные запросы функций:

  • WEB-2138 Поддержка автоматической настройки JavaScript и CSS
  • WEB-2125 Команды до и после развертывания

В настоящий момент вы можете использовать сторонние инструменты/плагины, например, предложенные @Pushpesh.

Ответ 3

PHPStorm поддерживает преобразование Хранители файлов. Он поддерживает интеграцию с компрессором YUI "из коробки", но он имеет некоторые проблемы, например с функцией calc(). Мое решение заключается в использовании minifier:

  • Повторите шаги для установки Node.js и npm из Руководство JetBrains
  • Установите minifier как компрессор YUI в ручном режиме (npm install minifier) Документация
  • Minifier гласит: "Установка через npm создаст двоичный файл (minify) в обычных местах", но я его не нашел (возможно, он не создан в Windows). Index.js файл может быть выполнен с помощью команды node index.js, но PHPStorm не поддерживает этот способ (будет запущена ошибка "Запустить программу для запуска!" ). Поэтому я создал .bat файл со следующим содержимым:

.

echo off
node path\to\minifier\index.js %*
  1. Затем в настройках параметров PHPStorm в поле ввода Program мы устанавливаем путь к файлу .bat. Обратите внимание, что minifier использует другой метод для установки выходного пути, поэтому нам нужно изменить поле Arguments: $FileName$ --output $FileNameWithoutExtension$.min.css