如何使用webpack发出已编译的SCS并获取输出url？

我希望做到以下几点：

将

.scss

文件导入我的JavaScript代码

让webpack将SCS编译成css

解析任何URL/导入

将css导出到单个文件（不要将该css与任何其他scss导入捆绑在一起！）

在JavaScript模块中，

import

存储文件的输出url

以下是我尝试过的：

为了执行步骤1-3，我使用以下装载机（按顺序）：

• sass加载器

• 解析url加载程序

• postss加载器

• css加载器

要执行步骤4-5，似乎

文件加载器

最符合我的需要，但输出的文件内容是JavaScript而不是CSS，如下所示：

我也尝试过使用

迷你css提取插件

附带的加载程序。输出文件是正确编译的CSS，但我无法导入其url。此外，我相信它会捆绑多个SCS导入（我不想要）

---

有什么想法吗？

当然，我在这里发布几分钟后就找到了解决方案

使用将在

css加载程序之后解析文件中的JS，并根据步骤4中的需要将其转换为普通css。然后，像我最初想要的那样使用
文件加载器
，将输出文件并允许导入输出url，如步骤5所示

    {
        loader:'file-loader',
        options: {
            name: '[name].[hash].css'
        },
    },
    'extract-loader',
    ... // my other loaders mentioned above (css-loader, etc.)