Alexander's Ulizko blog

Update: После обсуждения на хабре и продолжительных размышлений на тему, решил отказаться от подобного метода. Думаю пересесть на Google Closure Compiler и с его помощью обрезать debug-код, как расписано в статье у Ильи Кантора. Так что этот пост подустарел и оставляю я его чисто для истории.

На днях надо было сходить показать представителю заказчика, как пользоваться одной свежевстроенной в проект фичей. За полчаса до выхода подготовил новый билд, протестировал.

По приезду оказалось, что у заказчика фича не работает. Неприятно получилось, в общем.

Но радость ваша, мои дорогие читатели, была бы не полной, если бы я не сообщил вам, что там случилось и что я по этому поводу предпринял.

Оказалось, что я забыл удалить в функции-обработчике события вызов firebug’овской консоли (console.log… и т.п.) Со мной вообще часто бывает такое, что я то какой-то символ, случайно ткнув на клавиатуру, допишу, то, наоборот, удалю - короче, использование редакторов без подсветки синтакса и (желательно) анализа структуры кода мне противопоказаны.

Так как я использую apache ant для развертывания приложения на боевой сервер, я дописал маленький скриптик, который уберет все вызовы console.log(/* something */) или console.dir(/* something */) из вашего кода.

Собственно, вот он:

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <project name="deploy" default="stripFirebugConsoleCalls" basedir=".">
 3     <!-- место, где сложены наши еще не сжатые и не слитые в один js-скрипты -->
 4     <property name="js" value="js/"/>
 5 
 6     <!-- регулярка для отлова нездоровых элементов (беззастенчиво утянута с yui builder'a, и слегка доведена напильником)
 7         http://github.com/yui/builder/blob/master/componentbuild/shared/properties.xml 79-я строка -->
 8     <property name="firebug.console.regex" value="^.*?(?:console.log|console.dir).*?(?:;|\).*;|(?:\r?\n.*?)*?\).*;).*;?.*?\r?\n" />
 9     <property name="firebug.console.regex.flags" value="mg" />
10     <property name="firebug.console.regex.byline" value="false" />
11     <property name="firebug.console.regex.replace" value="" />
12 
13     <!-- Сам таргет тоже без затей "вдохновен" YUI Builder'ом, оригинал тут:
14         http://github.com/yui/builder/blob/master/componentbuild/3.x/module.xml 19-я строка -->
15     <target name="stripFirebugConsoleCalls" description="Replace firebug console calls">
16         <replaceregexp byline="${firebug.console.regex.byline}"
17                        match="${firebug.console.regex}"
18                        replace="${firebug.console.regex.replace}"
19                        flags="${firebug.console.regex.flags}">
20             <fileset dir="${js}" includes="*.js" />
21         </replaceregexp>
22     </target>
23 </project>

Использовать так: создать xml-файл с удобным вам именем (например, boom.xml) и скопипастить в него этот код. Разумеется, стоит поправить значение переменной js, которая указывает на папку с еще не сжатыми js-скриптами. После этого запускаем адскую машину такой командой (для *nix):

ant stripFirebugConsoleCalls -buildfile /path/to/boom.xml

Вот и все. Засим я откланиваюсь до следующего ЧП или конца проекта.