У меня есть проект, который имеет некоторые файлы CSS в разных папках, и я хочу их автоматически комбинировать в один финальный/живой файл.PhpStorm - объединить файлы CSS перед минификсацией с помощью наблюдателя файлов
Во время разработки я хочу, чтобы они были отдельными. Я не хочу использовать @import
внутри файлов css.
Наблюдатели за файлами в PhpStorm звучат для меня так, как будто они должны быть в состоянии к этому. Потому что мне нужен GUI.
Мне не удобно использовать командную строку. Но у меня есть компрессор YUI и работает с этим step-by-step-guide. Эта настройка сжимает все мои файлы css. Не нужно просто просто сжать один файл. Я также узнал, что YUI Compressor не может комбинировать файлы.
Я хочу следующий рабочий процесс изменения файла:
- Объединить CSS файлы в правильном порядке в один файл
- Минимизировать файл один CSS и она безопасна
Может список кто-то :
- Какой модуль узла для установки и команда для этого
- Как настроить список и порядок файлов. Любые команды для этого? Редактирование файлов?
- Как начать минификацию после окончания объединяющегося
PS: Если есть какое-либо приложение с графическим интерфейсом, который может сделать это на изменении файла вне PhpStorm было бы также вариант. (CodePen не поддерживает CSS, просто SCSS и LESS)
Вы можете настроить несколько наблюдателей файлов - если они будут смотреть один и тот же файл (ы), они будут выполняться один за другим. В качестве альтернативы - создайте сценарий пакетной/командной строки, который выполняет такое задание (все задачи), а затем просто используйте его как программу File Watcher. Постскриптум Посмотрите на gulp/grunt или любые другие системы задач/сборки - они созданы для таких задач. IDE поддерживает gulp/grunt - поэтому вы можете запускать свои задачи в любое время, когда хотите вручную ... или использовать его в качестве наблюдателя файлов .. или просто использовать модуль 'watch' для автоматического запуска их в фоновом режиме за пределами IDE. – LazyOne