Angular2（带有PostSS/Sass）记录来自DevTools的CSS更改

在开发过程中，不管是实时重新加载还是其他什么，我通常使用DevTools来测试要应用的css代码

问题是，我应用的更改只是临时性的，用PostCSS和SASS直接保存到原始文件是很困难的，添加Angular2和ShadowDom，我甚至在source选项卡中找不到css源文件，图形保存在原始源scss文件中…无论如何，这都不是我想要的，这只是记录我所做的更改，例如：

p {
  […]
  - font-size: 1rem;
  + font-size: 1.5rem;
  […]
}
li {
  - color: #FFF;
  + color: #000;
}

特别是由于WebStorm的“功能”非常烦人，每次你离开它的范围时，它都会自动保存文件。我不知道有多少次我在DevTools中找到了一个解决方案，但当我忘记了一个细节时，我就把它弄丢了，我很生气地想弄清楚我是怎么做到的。另外，因为更改可能已应用于多个元素，而我可能忘记更改其中一个

我试着浏览了Chrome的所有扩展，我只找到了2012年的答案，建议使用DevTool的Source选项卡，这显然不适用于Angular2和ShadowDom

有人知道解决办法吗