Question

使用Webpacker，我可以加载css文件，它们会在样式表包文件中输出，但是有时我想从javascript中访问这些文件中的CSS，以便在所见即所得编辑器的配置中使用（指定一些其他样式， IFRAME）。另一个选择是能够访问加载的css文件的公共路径，如下所示：

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

我怀疑这与Webpacker附带的css加载器有关。它的工作是加载CSS并将其编译为单独的文件。我认为一个人不能同时拥有两个CSS加载器？答案可能是将过滤器应用于自定义加载程序，以便仅对我要作为文本或路径加载的文件生效吗？

Answer 1

对于特定的导入，可以覆盖现有的装载程序，如下所示：

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

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