Webpack； 如何动态导入 css

Question

搜索 web 后，我找不到直接答案，所以我的问题是：webpack 是否可以像这样动态导入 css 文件：

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

我试过了，但它不起作用； 是否有解决方法或特殊的 webpack 模块或其他？

Answer 1

这对我有用：

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

您也可以使用动态导入：

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

请参阅： https://stackblitz.com/edit/js-hrvzy9?file=index.js