Javascript Webpack：将svg文件连接到符号并为每个条目生成css（sass）样式表

问题在标题中。 我的网页包配置：

我试图用svg和符号创建一个图标系统。 因此，我希望看到：

输入：

/src/icons/*.svg

输出：

/dist/symbols.svg

-一个文件中的所有图标

/dist/css/icons.css

内容如下：

我首先想到的是

但我一直在基于文件列表生成css

有什么想法吗

---

更新：我正在从gulp迁移，因此这是我当前的代码，它显示了我的预期结果：

为什么不将所需的样式放在.svg文档中？@enxaneta我希望有一个更自动化的解决方案。实际上，我正在从gulp迁移，所以这是我当前的代码，它显示了我预期的结果：为什么不将所需的样式放在.svg文档中？@enxaneta我希望有一个更自动化的解决方案。实际上，我正在从gulp迁移，所以这是我当前的代码，它显示了我的预期结果：

.icon-favorite {
    background-image: url(/dist/symbols.svg#favorite);
}

.icon-forward {
    background-image: url(/dist/symbols.svg#forward);
}