css - react-scripts 构建忽略条件 css 导入

Question

我正在尝试为我的 React 元素有条件地要求 css，它在本地工作。 然而，当 react-scripts 构建命令由 react js 执行时，所有 css 文件都被捆绑到一个文件中，条件导入不再有效。

if(isSmartPhoneOrTablet()){
    require("./mobileStyle.css");
}else {
    require("./style.css");
}

"build": "react-scripts build"

Answer 1

你可以尝试类似的东西

var cssfile;
if(isSmartPhoneOrTablet()){
    cssfile = "./mobileStyle.css";
}else {
    cssfile = "./style.css";
}
require(cssfile);