有条件的样式导入在reactjs中构建后就捆绑在一起

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有条件的样式导入在reactjs中构建后就捆绑在一起相关的知识,希望对你有一定的参考价值。

我被困在这里,

if (condition) {
  import("./style1.css");
} else {
  import("./style2.css");
}

[尝试有条件地导入样式时。它可以在本地运行,但是当您构建应用程序时,两种样式会结合在一起。并产生冲突。

谢谢!!

答案

您在babel配置中使用下面的内容吗?

@babel/plugin-syntax-dynamic-import

您需要配置Babel来移植您的动态导入。

以上是关于有条件的样式导入在reactjs中构建后就捆绑在一起的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Material-UI、ReactJS 中从分页中设置分页项的样式?

react js的捆绑问题

Reactjs从同一目录导入

捆绑为 UMD 的 React 组件在通过另一个 React 应用程序中的脚本标签导入时无法加载依赖项

使用 ReactJS 的 Datatables.net,在一列中渲染一个 ReactJS 组件

是否可以使用webpack单独导入捆绑的webpack和库?