如何在Storybook中为Angular启用样式源贴图

我正在尝试使用Angular和Storybook启用源地图。我查阅了故事书文档，但没有任何结果。添加新规则失败时，我尝试使用以下内容更新

.storybook/main.js

中默认网页配置中已有的规则：

/。。。
webpackFinal:async（配置，{configType}）=>{
如果（configType==='DEVELOPMENT'）{
config.devtool='源映射'；
config.module.rules[1]。test=/\.scss$/；
config.module.rules[1]。使用[1]。options.sourceMap=true；
config.module.rules[1]。使用[2]。options.sourceMap=true；
}
返回配置；
}

当我记录配置时，我看到我的更改出现在最终配置中，但我仍然没有得到预期的源映射：

下面是我在修改后从最终配置中得到的信息。同样奇怪的是，

test

字段似乎没有改变：

{
“排除”：[]，
“测试”：{}，
“使用”：[
{
“loader”：“/Users/mike.v.m/workspace/ng farmers/node_modules/raw loader/dist/cjs.js”
},
{
“loader”：“/Users/mike.v.m/workspace/ng farmers/node_modules/postss-loader/src/index.js”，
“选项”：{“ident”：“embedded”，“sourceMap”：false}
},
{
“loader”：“/Users/mike.v.m/workspace/ng farmers/node_modules/sass loader/dist/cjs.js”，
“选择”：{
“执行”：{
“信息”：“节点sass\t4.14.1\t（包装器）\t[JavaScript]\nlibsass\t3.5.5\t（sass编译器）\t[C/C++]”，
“类型”：{}，
“真”：{}，
“假”：{}，
“NULL”：{}
},
“sourceMap”：false，
“sassOptions”：{
“精度”：8，
“包含路径”：[]，
“outputStyle”：“已扩展”
}
}
}