如何解决如何查看已编译 CSS 的更改并更新原始 SCSS？
我知道这听起来很荒谬，但是 Chrome 在使用 Developer Tools -> Elements -> Styles 和工作区设置时会写入已编译的 CSS。它看到原始部分，但是在更改属性时，它会写入已编译的内容（they say 它按预期工作，哈哈）。因此，我想：
- 观察或拦截第 3 方写入编译（由于常规 --watch 导致编译未发生的更改）。
- 使用源映射将更改映射到原始 SCSS 文件。
- 保存更改的 SCSS 文件。
- 这将触发新的编译。编译后的 CSS 可能与 Chrome 离开它的方式相同。但这一次，这些值来自 SCSS 并将持续存在。
我知道如果我在 Sources 选项卡上更改内容，它会保存到正确的文件中。但是我没有得到实时预览，然后直接在 Sources 选项卡上播放 SCSS 文件，只有在我保存时。 我的工作流程包括在 元素 -> 样式 选项卡上实时更改设计，然后（目前）将我喜欢的值复制粘贴到文件中。如果我必须切换到“源”选项卡，并且在那里看到未更改的原始值（粘贴更改、保存、刷新），我不妨切换到 VS Code 来做同样的事情，它违背了它应该如何工作的目的（当没有 SCSS 混入时）。
我正在使用 npm 中的 sass，但我看到这种反向同步将是自定义脚本的任务，它可以以某种方式区分写入文件的进程以避免无限循环。这些文件是本地文件，但位于具有 samba 共享的 Ubuntu VM 中，因此可以通过 Windows 中的驱动器号访问它们（Chrome 被告知该路径）。解决方案必须有效，我不在乎什么语言或平台。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
