chrome在开发模式下不显示样式源文件

Question

我正在使用webpack，angular和boostrap。 我试图用chrome dev工具检查scss代码，但我看不到文件，我只看到<style>标签。如何直接使用chrome修改scss或css。

由于

Answer 1

使用webpack编译的文件可以在int：

下看到

从此处您可以添加断点，甚至可以即时修改文件。

至于CSS规则本身，可以通过F12开发人员工具修改这些规则。 Sources -> webpack://下方右侧的Elements标签。