как загрузить minify css в рабочую среду

Я загружаю так много JS и CSS в свой проект. Чтобы улучшить производительность моего сайта, я начал с YUICompression, интегрированного со сборкой Ant. Поэтому каждый раз, когда я создаю проект, он создает мини-файл с добавлением "-min.js"

Пример: myscript.js после сборки, новый файл «myscript-min.js».

Теперь я изменил все файлы для загрузки myscript-min.js на своих страницах.

Есть ли какая-либо автоматизация или более простой способ загрузить файл minify.

Заранее спасибо!!!


javascript css minify ant yui-compressor
person Santhosh    schedule 06.06.2011    source источник

Ответы (3)


arrow_upward
2
arrow_downward

В своем коде попытайтесь определить среду (производство или разработка), из которой вы загружаете страницу. Например, при разработке на локальном компьютере вы можете проверить свой IP-адрес, переменную среды сервера (используя Apache SetEnv), путь к скрипту и т. д. Используя эти данные, загрузите либо минимизированный скрипт (в рабочей среде), либо отдельные скрипты (в вашей среде разработки).

Я предполагаю, что вы используете язык сценариев на стороне сервера, например PHP. Если вы обслуживаете статические HTML-файлы, это становится немного сложнее (я думаю, динамическая загрузка javascript или что-то в этом роде).

person Peter Kruithof    schedule 06.06.2011

arrow_upward
1
arrow_downward

Если вы (можете) использовать PHP в своем проекте, взгляните на проект minify. Он берет на себя большую часть работы. Вы можете использовать несжатые версии ваших файлов CSS и JS, minify будет сжимать их по запросу, когда эти файлы запрашиваются по HTTP.

person Salman A    schedule 06.06.2011

arrow_upward
0
arrow_downward

Если вы используете PHP, просто сделайте следующее:

Отредактируйте конфигурационный файл apache на рабочем компьютере и добавьте эту строку в httpd.conf (после этого перезапустите apache). На виртуальном хостинге вам следует попробовать .htaccess, если у вас нет доступа к httpd.conf.

SetEnv ENVIRONMENT production

Это просто добавляет переменную в apache, сообщающую вам, что вы работаете в производственном режиме. На вашей машине для разработки измените значение «производство» на «разработка» или что-то другое, что имеет для вас смысл.

Затем в вашем файле PHP вы можете переключаться между загрузкой полных файлов JS и уменьшенных, например:

if(isset($_SERVER['ENVIRONMENT']) && $_SERVER['ENVIRONMENT'] == "production")
    {
        ... production minified JS here
    }
    else
    {
        ... development unminified JS here
    }
person Jorre    schedule 21.10.2013