DevTools：从多个源映射引用Vue文件

Question

当使用包含纯CSS / JS / HTML的webpack / vue-loader编译vue单个文件组件时，我最终得到两个源映射：bundle.css.map和bundle.js.map（我正在使用{{1 }}分离出CSS）。 JS / CSS源映射都使用相同的路径值来获取相同的vue文件，例如

MiniCssExtractPlugin

在Chrome DevTools中添加工作区后，当我从JavaScript控制台引用中单击进入Vue文件时，已成功重定向到映射的// bundle.css.map {"version": 3, "sources": ["webpack:///header.vue", ...} 文件：

但是现在，当我尝试从样式窗格上的CSS声明访问vue文件时，我没有成功重定向到未链接的文件源：

模拟问题的存储库：https://github.com/Boycce/devtools-issue

#whatamigonnado