react脚本生成忽略条件css导入

我试图有条件地要求我的react项目使用css，并且它在本地工作。 但是，当react js执行react scripts build命令时，所有css文件都被捆绑到一个文件中，条件导入不再工作

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

---

“构建”：“react scripts build”

您可以尝试以下方法

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

---

这实际上只是一个if/else语句，所以如果只运行一次，它不可能同时满足这两个条件。要么该代码段被多次运行（并且条件结果正在更改），要么问题出在其他地方。您能提供一些有关构建配置/过程的相关基本信息吗？当然，npm run build命令将所有css放入服务器使用的一个文件中。它似乎不理解某些进口是有条件的。实际上，只执行一个条件（当然），但问题发生在npm run build命令中，该命令将所有css放在一个文件中。你是如何建立（网页包？）。你在哪里做这个有条件的导入？它是在组件中，还是在构建脚本的某个地方？另外，你可以从你的构建脚本中添加相关的代码来做CSS的事情。条件导入在我的所有组件中（每个组件都有自己的CSS文件）。我在上面添加了构建脚本，我不确定如何使用webpack进行构建。我还没有写任何关于webpack的代码。好吧，如果在应用程序构建之后，这些文件不存在，那么你将无法从特定的CSS文件导入。它们需要分开保存，而不是全部合并成一个大文件。我不熟悉Heroku，但是您是否可以访问package.json中的构建脚本？或者在任何将CSS合并到单个文件的地方？@petermir为您做了这项工作？您已将其标记为正确答案。否，我使用if（isMobileOrTablet（））{module.exports=require（“./mobileStyle.css”）；}或{module.exports=require（“./style.css”）；}，但我必须更改构建脚本以使用webpack并创建自己的webpack配置