将scss编译为具有保存位置的分离路径

Question

我想用Webpack解决一个简单的任务。我只是想将.SCSS文件编译成.CSS并用保存路径和名称保存它们。

例如：

1. 我在/component/subcomponent我正在require('./first-style.scss')

2. 我在/module/component，我再次require('./second-style.scss')

我想编译scss - ＆gt; css和把它们放进去之后 /public/styles/component/subcomponent/first-style.css和 /public/styles/module/component/second-style.css

并且require应该返回带有新路径/public/styles/component/subcomponent/first-style.css

的字符串

我只针对简单的css（不是scss）解决了这个任务，它看起来像this

但我无法找到重复SCSS的方法。谁能帮帮我？