Как я могу объединить CSS-файлы, используя @import?

Question

Мы создаем большой сайт, который требует очень модульного CSS. Проблема, которую мы имеем, заключается в том, что нам нравится использовать оператор @import, поскольку он очень чистый, но основным недостатком является производительность (все CSS-файлы, на которые есть ссылки, загружаются синхронно, т.е. не параллельно).

Кто-нибудь знает, как использовать PHP (или даже .htaccess), чтобы найти какие-либо CSS-файлы, на которые есть ссылки через @import, а затем сгенерировать один CSS-файл?

Я посмотрел множество примеров (некоторые из которых приведены здесь): http://robertnyman.com/2010/01/19/tools-for-concatenating-and-minifying-css-and-javascript-files-in-different-development-environments/, но ни один из них не работает с @import.

Спасибо.

Answer 1

Меньше можно это сделать: http://lesscss.org/#-importing

Может быть, и нахальство, но я не уверен

Answer 2

Вы можете использовать PHP-версию LESS.Он будет обрабатывать стили в файле стилей и импортированные в один файл на самом сервере.Вы также можете минимизировать это.Затем сохраните его в кеше.Это позволит компилятору LessPHP увидеть, находится ли обработанный файл в кэше и были ли какие-либо из задействованных файлов стилей изменены.Если ничего не изменилось, он просто вернет кэшированный файл стиля.Единственное отличие, которое вам нужно будет сделать в разметке, состоит в том, чтобы изменить .css на .less в теге <link>.Также это поможет вам написать LESS css, что является бонусом.

Подробная документация о том, как установить LessPHP, автоматически скомпилировать и кэшировать файлы LESS, дана на официальном сайте * 1007.* и GITHub .

Answer 3

использовать компас. он объединяет все ваши стили в один файл.

compass-style.org

Answer 4

Использование сборок для управления CSS и JavaScript творит чудеса.Он предлагается по умолчанию при использовании Symfony2, но может использоваться как автономная библиотека в PHP.При правильном использовании это позволит вам использовать ваши файлы в их исходном формате при отладке и объединении / минимизации всего, что находится в работе.

Это также позволит вам использовать эти альтернативные языки CSS, если вы этим занимаетесь.