如何在 Parcel bundler 中动态加载 css 文件？

Question

我想根据用户的语言环境加载 RTL 或 LTR 样式。

我试过import('/path/to/RTL-style.css')但它不起作用 - 样式没有得到应用。

只有当我在文件顶部提到这一行时，在任何代码执行之前，它们才会被应用，格式如下：

import '/path/to/RTL-style.css'且不带括号 ()

我使用 Parcel bundler 和 babel polyfill 作为第一个依赖项。

如何实现我尝试做的事情？

Answer 1

我找到了，只需在其 css 文件中执行此操作：

import('/colors.css').then().catch(() => {})

如果它的 js 文件你可以这样做：

const module = await import('/path/to/jsfile')