ssleptsov Oct 13 2011 at 01:45

Объединение и сжатие CSS и JS файлов в ASP.NET веб-приложений

2 min

5.9K

.NET*

+31

Comments 30

k12th Oct 13 2011 at 01:51

А умеет ли SquishIt «разворачивать» инструкции @import в CSS-файлах?

ssleptsov Oct 13 2011 at 02:04

Если добавить SquishIt.Css.Add("~/Content/ImportedInCss.css"); то будет работать, если же нет то он сам не включит этот css в общий. Или же все просто надо будет подключить css в самом хедере. Так что сам он их не «разворачивает».

k12th Oct 13 2011 at 02:05

Ясно, спасибо.

Ababagalamaga Oct 13 2011 at 05:02

Результирующий файл компонуется на лету? Я имею ввиду физически файл появится на диске?
Мне еще понравился add-in Chirpy. Основан на T4 и популярных минификаторах. Плюс в том, что вся статика появляется во время сборки сайта, удобно конфигурируется единожды, а не как случае SquishIt — в каждом представлении. Но а минус — нет штатных средств для запрета минификации в режиме отладки.

UFO just landed and posted this here

ssleptsov Oct 13 2011 at 11:10

файл появляется «на лету» один раз при старте приложения, в но если файлы изменятся то файл будет сгенерирован снова с другим параметром или именем если указать "_#"

friday Oct 13 2011 at 09:30

SquiShit

-1

UFO just landed and posted this here

Niemand Oct 13 2011 at 10:28

только хотел написать, что сэндвич так аппетитно на меня смотрит

Donskoy Oct 13 2011 at 11:23

Это не сэндвич, это Кубик Жрубика

faiwer Oct 13 2011 at 11:37

Картинка идеально дополняет мою (из статьи в первом предложении) :)

JohnnyD Oct 19 2011 at 17:24

Действительно, стоило бы картинки поменять, я не смог дочитать статью, пошел точить…

IchWill Oct 13 2011 at 10:30

У нас в проекте Combres используется.

В дополнение к объединению идет еще и сжатие (Google Closure compiler, YUI Compressor или Microsoft Ajax Minifier на выбор)

KReal Oct 13 2011 at 11:55

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

ssleptsov Oct 13 2011 at 12:05

Только что опытным путем было доказано что менять pageBaseType не обязательно. Работает и стандартный «System.Web.Mvc.WebViewPage», но только razor будет подчеркивать @SquishIt.Css.Render("~/Content/combined_#.css"). А зачем перечислять все скрипты в каждой вьехе? Можно ведь многие скрипты перенести в layout?

KReal Oct 13 2011 at 12:32

И даже нужно)

Ну это уже субъективное ощущение у меня, что Combres посерьезней. Там тебе и конфигурация сжатия, и кэширования, и именованные группы скриптов. Зато SquishIt быстрей внедрить, конечно же.

ssleptsov Oct 13 2011 at 12:35

Ну это хорошо когда есть выбор ;) Надо будет все же посмотреть Combres, спасибо.

thinking Oct 13 2011 at 13:52

Еще из плюсов Combres — расширяемость фильтрами.

Есть готовые фильтры реализующие парсинг префиксов ~/ в URL, CSS-переменные, LESS. Можно добавлять свои фильтры.

ssleptsov Oct 13 2011 at 13:59

Насколько мне известно эта библиотека также поддерживает Less, но я к сожалению не работал с ней поэтом не могу об этом ничего сказатью

KReal Oct 13 2011 at 15:20

Не знал про LESS, спасибо!

flyfree Oct 13 2011 at 11:27

Круто! раньше приходилось вручную все css файлы сливать в один и сжимать из за ограничения IE

andmaz Oct 13 2011 at 11:41

Библиотека полезная, но зачем менять «pageBaseType» на «SquishIt.Contrib.Mvc.SquishItBasePage»? В моих проекта уже есть свой «pageBaseType». Неужели по-другому нельзя реализовать?

1andy Oct 14 2011 at 20:02

Видимо, этот SquishItBasePage только ради того, чтобы добавить свойство SquishIt к классу страницы.
Используйте вместо него Bundle да и всё.

Smileek Oct 27 2011 at 14:39

А разве нельзя свой pageBaseTye унаследовать от SquishIt.Contrib.Mvc.SquishItBasePage?

andmaz Oct 27 2011 at 18:39

А что если у меня еще есть одна «не правильно написанная» библиотека, которая требует свой pageBaseType? От двух-то классов я не могу унаследоваться.

Smileek Oct 27 2011 at 18:46

Да, тогда, конечно, только решение 1andy: использовать статический класс Bundle той же библиотеки (using SquishIt.Framework).
За сегодняшний день выяснилось, что это на порядок удобнее:
— можно сделать отдельные файлы (например, один общий объединенно-минифицированный файл для всех страниц в главном layout'е и еще один на конкретной странице);
— можно оставить , если использовать функцию .ForceRelease();
— наконец, файлы складываются в общий в той последовательности, в которой указываешь, а не снизу вверх.

ssleptsov Oct 27 2011 at 18:49

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

Smileek Oct 27 2011 at 18:51

Есть:
@Html.Raw(Bundle...)

SiriusLamp Oct 13 2011 at 11:53

Спасибо за статью — в мемориз!
Сейчас аналогичный процесс налажен с помощью MSBuild, Yahoo.Yui.Compressor, проблемы с кешем решили динамическим добавлением параметра запроса (зависящего от даты последнего изменения файла).

orcy Oct 19 2011 at 12:28

Видимо подход не будет работать на фермах, к сожалению. Вьюха может быть отрендерена на одном компьютере, а запрос на получение javascript файла пойдет на другой компьютер, где то еще не был создан.

Show the best of all time