Реагировать - импортировать таблицу стилей **, только если ** агент пользователя является мобильным

Question

Хотел бы импортировать мобильную таблицу стилей ТОЛЬКО ЕСЛИ агент пользователя является мобильным.

Интегрирован этот пакет обнаружения агента пользователя, поэтому мы можем успешно определить агент пользователя: https://www.npmjs.com/package/react-useragent

Просто не знаю, как импортировать mobile.css ТОЛЬКО КОГДА UserAgent является мобильным.Спасибо!

/* only load mobile.css if UserAgent is mobile */
import styles from '../../mobile.css';

Answer 1

Условный импорт существует! Это в Webpack 2! Вот git repo с примерами и примерами использования

if (agent === whateverYouWant) {
    import('./mobile.css').then(() => {
       console.log("Imported mobile css");
    });
}

Кроме того, вы также можете использовать require в условных выражениях.