React – 导入样式表**仅当** UserAgent 是移动设备时

Question

希望仅在 UserAgent 是移动设备时导入特定于移动设备的样式表。

集成了这个UserAgent检测包，所以我们可以成功检测到UserAgent：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。