Как я использую компилятор Google Closure для удаления неиспользованного кода JavaScript?
Как я использую компилятор Google Closure для удаления неиспользованного кода?
Я использую управление Ползунком JQuery, но не использую ничто больше в рамках JQuery. Таким образом, я читал, тот компилятор Google Closure в Расширенном режиме может удалить неиспользованный код, но я не знаю как.
У меня есть frontpage.html, который связывается с внешним JQuery, JQuery UI и управление Ползунком JQuery от той страницы HTML, размещенной на моем сайте.
На моем frontpage.html мне также встроили JavaScript в HTML, который инициирует управление Ползунком JQuery.
Как я использую, я использую Компилятор Закрытия онлайн для оценки моего frontpage.html, JQuery, JQuery UI и Ползунок JQuery для удаления всего неиспользованного кода JQuery, который я не использую?
2 ответа
Сначала, как новичку, я предлагаю вам попробовать простую оптимизацию. Потому что она работает без какой-либо конфигурации и дает отличные результаты. Пусть вас не вводит в заблуждение название. Простая оптимизация обеспечивает лучшую экономию, чем любой другой инструмент сжатия. Расширенный уровень может стать вашим следующим шагом, но он немного сложнее.
Что касается использования компилятора. Мой совет - упаковать все ваши скрипты в один файл javascript, загрузить его на ваш сайт, чтобы у него был url, передать его онлайн-компилятору. Затем нажмите Добавить и Компилировать, и все готово.
В правой части вы увидите скомпилированный код. Также будет создан файл с именем default.js, который вы можете скачать.
Следующий шаг - переименовать его в соответствии с вашими потребностями, затем загрузить на ваш сервер, изменить ссылку .js в HTML и все готово. Веселитесь!
Есть два способа удалить / исключить неиспользуемый код из вашего комбинированного выходного скрипта:
- Первый предполагает использование уровня компиляции
ADVANCED_OPTIMIZATIONS(см. Advanced Компиляция и Externs для подробного объяснения и использования) - Второй, это позволить компилятору управлять зависимостями (то есть с помощью флага компиляции
- manage_closure_dependencies
Из двух вариантов использование флага - manage_closure_dependencies для удаления неиспользуемого кода менее детализировано (т.е. исключает код на уровне файла), но позволяет вам оставаться на компиляции SIMPLE_OPTIMIZATIONS уровень. В любом случае вам нужно будет указать URL-адрес
Скрипты jQuery и jQueryUI и ваш код, который использует слайдер jQuery с вашей страницы - что-то вроде этого (1-й вариант):
// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// @output_file_name default.js
// @code_url http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
// @code_url http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js
// ==/ClosureCompiler==
// ADD YOUR CODE HERE
Надеюсь, это поможет.