反应脚本构建忽略条件 css 导入

Question

我正在尝试有条件地要求 css 用于我的 React 项目并且它在本地工作。 但是，当 react-js 执行 react-scripts build 命令时，所有 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);