genixg Nov 14 2013 at 11:56

Минификация CSS и Javascript в Website проекте ASP.NET

4 min

11K

Client optimization*

Tutorial

From sandbox

Comments 8

Zerstoren Nov 14 2013 at 12:17

Нужно было Вам про Grunt почитать. Хороший механизм, на котором можно сделать, всё что хочешь.

Я для себя (домашний проект) настроил следующее окружение.

Удаленный сервер, который выполняет роль GIT хранилища, YouTrack для тасков и Jenkins для CI.

Установил так-же на сервере nodejs и grunt.

После выгрузки коммитов в удаленное хранилище, Jenkins запускает все тесты (Python Unit-test и Selenium tests). В случае успешной сборки, дженкинс переходит в пре деплойную дирек, делает апдейт ей и запускает все файлы на конкатенацию и сжатие.

Если сжатие прошло успешно, дженкинс дает команду выполнить развертывание сжатых скриптов в пред-релизной директории. Далее заходим на сервер и смотрим, всё ли круто.

Весь этот зоопарк, находится на одной машине, по этому я пишу именно пред-релизная директория.

genixg Nov 14 2013 at 12:24

Спасибо, почитаю. У нас с помощью Cruise Control .NET выкладывается версия с SVN на сервер (по расписанию или по команде через веб-морду), но у Вас все гораздо интереснее

Zerstoren Nov 14 2013 at 12:44

Я хоть и в одиночку всё делаю, и фактически релиза нету, но в ручную запускать тесты и выкатывать код стало впадло.

Ах да, еще у меня уведомления на email о упавших билдах)
Это конечно входит в стандартный функционал дженкинса, но когда получаешь письмо о сломаном билде, понимашь, что надо чинить.

k12th Nov 14 2013 at 13:18

Казалось бы, причем тут ASP.NET…

LFedorov Nov 15 2013 at 08:50

Еще можно воспользоваться WebEssentials(Create CSS/Javascript bundle file).
Создается конфиг файл:

<?xml version="1.0" encoding="utf-8"?>
<bundle minify="true" runOnBuild="true" output="bundle1.css">
  <!--The order of the <file> elements determines the order of them when bundled.-->
  <file>/Content/css/main.css</file>
  <file>/Content/css/other.css</file>
</bundle>

При компиляции проекта на выходе получаем два файла: объединенный + минифицированный.

genixg Nov 15 2013 at 09:21

Поправьте, если ошибаюсь, но это же расширение для VS2012? Таких расширений, кстати, много и для VS2010 (к сожалению, мы все никак не перейдем на 2012), но внедрение этого метода потребует установки данного расширения на всех компьютерах разработчиков, которые билдят наш проект? Или конфиг просто не будет восприниматься, если расширение не установлено?

LFedorov Nov 15 2013 at 09:46

Да, совершенно верно — это расширение для VS2012. Конфиг воспринимается только при установленном расширении. Можно заменить runOnBuild на runOnSave и все изменения будут происходить «на лету».

funcbook Jun 15 2017 at 12:25

Параметр charset cp-1251 указан неверно, должно быть без минуса --charset cp1251
По крайней мере у меня в PhpStorm без минуса работает, с минусом кракозябры.

Show the best of all time