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

【问题标题】：How to dynamically load css file in Parcel bundler?如何在 Parcel bundler 中动态加载 css 文件？
【发布时间】：2020-12-27 20:11:10
【问题描述】：

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

我已尝试import('/path/to/RTL-style.css')，但它不起作用 - 样式未得到应用。

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

import '/path/to/RTL-style.css' 并且没有双亲（）

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

如何实现我的目标？

【问题讨论】：

【解决方案1】：

我找到了，当它的css文件时这样做：

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

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

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

【讨论】：