在我的项目中,我有一个sass文件,我通过node-sass设置sourcemappath。我正在使用Node-sass来编译我的sass文件。我在我的系统上映射了我的.css文件。所以我通过源面板所做的任何更改都会将我的文件保存在磁盘上。它由node-sass编译回来。我没有看到在任何地方重新加载我自动生成的CSS,所以我认为它默认开启。
我想保存我在元素面板上所做的更改。当我从元素面板(这是scss文件,通过sourcemap工作)单击css文件时,它没有我的更改。
是否可以从元素面板保存我的更改。我做了一些更改,我没有在源面板中看到。当我刷新时,我仍然可以看到我的更改,但它没有反映在文件中。
答案 0 :(得分:2)
目前这是一项实验性功能。它隐藏在旗帜后面,因为它可能不稳定并破坏物品。如果您现在想尝试,请执行以下操作:
chrome://flags/#enable-devtools-experiments
Experiments
标签Live SASS
选项现在,您应该在“元素”面板中将更改保留在Sass中,只要它是正确的源映射。
保罗·爱尔兰在他关于Accelerating Your Workflow的I / O谈话部分中介绍了这一特征(以及其他内容)。答案 1 :(得分:0)
2020年1月更新-Chrome版本79-Mac 10.14.6
我还发现,您可以在开发工具栏和编辑器中进行更改,它们将被同步:)
答案 2 :(得分:-1)
我不相信你想要的东西是可能的。您可能希望查看LiveReload等选项以了解此行为。您可以在IDE中更改代码,编译,livereload将检测您对文件系统上已编译的.css文件的更改,并在浏览器中重新加载。