在 reactjs 中构建后，条件样式导入将捆绑在一起

Question

我陷入了困境，

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

尝试有条件地导入样式时。它在本地工作，但是当您构建应用程序时，两种样式就会结合在一起。并发生冲突。

谢谢！！！

Answer 1

您是否在 babel 配置中使用了以下内容。

@babel/plugin-syntax-dynamic-import

您需要配置 Babel 来转译您的动态导入。

Webpack 语法也提到像承诺一样使用它。