Webpack; 如何动态导入CSS

山姆

在网上搜索后,我找不到一个直接的答案,所以我的问题是:是否可以在webpack中像这样动态导入css文件:

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

我试过了,它不起作用;是否有解决方法或特殊的Webpack模块?

礼节

这对我有用:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章