Есть ли ограничитель CSS, который может разрешить операторы импорта?

Question

Существует ли инструмент минификатора CSS, который может разрешать операторы @import?

Я хотел бы иметь возможность загружать несколько файлов CSS на моем локальном компьютере, но разрешить их все в один файл, когда сайт будет запущен в производство.

Answer 1

Я недавно начал использовать МЕНЬШЕ , за пределами imports позволяет использовать:

• Переменные
• Примеси
• Параметрические миксины
• Вложенные правила
• Операция
• Цветовые функции
• 1019 * Namespaces *
• Объем
• Комментарии
• Экранирование

Пока что я доволен своим опытом использования LESS.

Он прост в использовании, и страница документирована с хорошими примерами.

Answer 2

Вы можете использовать SASS с синтаксисом SCSS.SASS - это гораздо больше, чем ограничитель: на самом деле это препроцессор CSS, который добавляет некоторые полезности, такие как переменные или макросы, в синтаксис CSS.Но вы можете просто игнорировать эти функции (хотя я советую вам посмотреть): любой действительный файл CSS на самом деле является действительным SCSS.

SASS может затем скомпилировать ваш SCSS в действительный CSS, и он может управлять несколькимифайлы и выведите один уменьшенный файл .css.

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

Answer 3

css-компрессор (на основе yuicompressor) содержит операторы @import - фактически это его основное назначение:

https://github.com/samilyak/css-compressor

Answer 4

Библиотека Granule поддерживает @import в CSS.Вы можете посмотреть его здесь http://code.google.com/p/granule/