Webpack：如何动态导入 CSS

Question

3

在搜索网络后，我没有找到一个明确的答案，所以我的问题是：在webpack中像这样动态导入CSS文件是否可能：

if(foo){
  import 'mobile.css'
} else {
  import 'desktop.css'
}

我尝试过这个方法，但它不起作用。是否有解决方案、特殊的Webpack模块或其他方式？

- Sam

Romanoff在这里的回答可能会给你一些想法：https://github.com/webpack-contrib/css-loader/issues/189 - Ozgur Sar

你有收到任何错误吗？ - lissettdm

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- lissettdm · Accepted Answer

这对我有效：

const foo = false;
if (foo) {
  require("./mobile.css");
} else {
  require("./desktop.css");
}

此外，您还可以使用动态导入：

const foo = false;
if (foo) {
  import("./mobile.css");
} else {
  import("./desktop.css");
}