sass - 如何在编辑 SASS 文件后在 Chrome 中自动重新加载 css

标签 sass google-chrome-devtools

我正在尝试在 Chrome canary 中设置映射功能。我按照this answer中的截图进行操作。

主要功能有效,当我检查一个元素时,它会将我指向本地 sass 文件,当我编辑它时,本地文件安全,并触发“sass --watch”。但是,即使在开发工具的“常规”选项卡上我选中了“Sass 保存时自动重新加载 CSS”,浏览器也不会刷新。

浏览器应该重新加载吗?有没有办法让它重新加载?

Ps - 我有指南针,但我不能使用它,因为它不支持映射,所以我通过终端编译 sass

谢谢

最佳答案

您可能忘记了这一步:

在“源”选项卡中,找到生成的 CSS 文件,右键单击它并选择“映射到网络资源”,然后在显示的下拉列表中选择相同的文件名:

enter image description here

然后从工作区中选择匹配的文件:

enter image description here

关于sass - 如何在编辑 SASS 文件后在 Chrome 中自动重新加载 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17004119/

相关文章:

sass - 如何安装 Dart Sass?

css - 如何更改 float 占位符的 Angular Material 表单字段中的字体大小

android - Chrome远程调试android : looks broken

debugging - Chrome Typescript 调试引用错误 'this'

html - 为什么 CSS 规则被禁用

当 JS Profiling 打开时,JavaScript 代码运行得更快?什么?

javascript - setInterval 多次加载文件

node.js - 将 SASS 与 ReactJS 和 Webpack 结合使用

hash - SASS Mixin参数

html - 使用 Sass 的样式 li 标签不起作用(li 标签的悬停效果)