Реагируйте на производственный беспорядок между файлами CSS для настольных компьютеров и мобильных устройств - PullRequest
1 голос
/ 05 мая 2019

Я разрабатываю сайт с реагировать.Чтобы разграничить пользователей мобильных и настольных компьютеров, я использую небольшой скрипт, который я интегрирую на всех своих страницах:

if (/Android|iPhone/.test(navigator.userAgent)) require("link/to/mobile/stylesheet");
else require("link/to/desktop/stylesheet");

Проблема заключается в том, что во время сборки buildpement он работает хорошо, но когда я отправляю рабочую версию вмой сервер Apache это своего рода смесь обоих стилей.Я почти уверен, что это из-за сжатия gzip (которое объединяет все CSS в одном файле), но я абсолютно не представляю, как этого избежать.Кроме того, я не нашел никого с такой же проблемой в Интернете.Есть идеи?

Вот две картинки, одна из которых выглядит так, а другая - сборка производства.Это хуже для других частей сайта. Производство (испорчен один) Оригинал

1 Ответ

1 голос
/ 05 мая 2019

Мы перешли на Чат ,

Напомним:

Создание-реакция-приложение использовалось для настройки проекта
Создание-реакция-приложение использует веб-пакет

При работе на локальном dev-сервере файлы css не связываются.Однако при создании производственной сборки используется npm build --production.Конфигурация по умолчанию объединит все CSS в один файл.

Решение:

Либо убедитесь, что связанные маркеры CSS действительны как для мобильных устройств, так и для настольных компьютеров.IE с помощью медиа-запросов
Или измените конфигурацию веб-пакета, чтобы создать 2 отдельных файла CSS.

Квентин попытается отделить файлы CSS через веб-пакет.используя эту статью в качестве отправной точки.

Я пожелал ему удачи.

...