使用 Webpacker 访问 css 个文件的内容

Question

使用 Webpacker 我可以加载 css 文件并在样式表包文件中获得输出，但有时我想从 javascript 中访问这些文件中的 CSS在所见即所得编辑器的配置中使用 say（为 IFRAME 指定一些额外的样式）。另一个选项是能够像这样访问 css 文件的 public 路径：

import froala_style from '../../../css/froala.css'

我怀疑是和Webpacker自带的cssloader有关。它的工作是加载 css 并将其编译成一个单独的文件。我认为一个人不能同时拥有两个 css 装载机？答案是否可以将过滤器应用于自定义加载器，以便它只对我想作为文本或路径加载的文件生效？

Answer 1

可以像这样覆盖特定导入的现有加载器：

import froala_style from '!css-loader!../../../css/froala.css'

前置 ! 覆盖现有加载器，允许我们指定自己的加载器。在此示例中，可以调用 froala_style.toString() 来接收 CSS 文件的内容。

Access the content of css files with Webpacker