как загрузить минимизировать CSS в производственной среде - PullRequest
Новая
       50

как загрузить минимизировать CSS в производственной среде

6 голосов
/ 06 июня 2011

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

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

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

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

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

Ответы [ 3 ]

2 голосов
/ 06 июня 2011

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

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

1 голос
/ 06 июня 2011

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

0 голосов
/ 21 октября 2013

Если вы используете 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
    }
...