React - 导入样式表**仅当** UserAgent是Mobile时

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。