Разработка → Удаляем вызовы firebug'овской консоли перед выкладкой на produciton

voicer 5 октября 2009 в 23:34 519
Предисловие

В последнее время на хабре стало как-то мало постов, относящихся к веб-разработке. Надеюсь, мой пост будет смотреться выигрышней за счет контраста :)

Сама статья:


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

За полчаса до выхода подготовил новый билд, протестировал.

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

Оказалось, что я забыл удалить в функции-обработчике события вызов 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.     <!-- место, где сложены наши еще не сжатые и не слитые в один файл -->
  4.     <property name="js" value="js/"/>
  5.  
  6.     <!-- регулярка для отлова нездоровых элементов (беззастенчиво утянута с yui builder'a, и слегка доведена напильником)
  7.         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.         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>
* This source code was highlighted with Source Code Highlighter.

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

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

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