【问题标题】:Is it possible to write directly to sass partials from the dev tools?是否可以从开发工具直接写入 sass 部分?
【发布时间】:2019-02-09 03:46:18
【问题描述】:

我有一个本地网站并将其文件夹添加为工作区。为此,我使用 .sass 文件和 _partials 编译成 css 文件和源映射。当我检查元素时,源是正确的部分。当我将 css 规则直接添加到元素的类时,它们会立即保存,但会保存到已编译的文件中。

将css直接写入元素样式:

更改立即保存在编译后的 style.css 中:

是否可以将此更改也保存到原始 sass 部分?就像编译后的 css 是否有一个反向观察器,它可以检测更改并将它们写入类规则起源的部分?

【问题讨论】:

  • 如果你有一个 sass --watch 运行应该可以工作吗?
  • @anderssonola 你能说得更具体一点吗?
  • Chrome 工作区无法编译您的 sass 文件。但是,当您更改 sass 文件时,您可以让 sass --watch 运行编译。你如何在 chrome 工作区之外编译你的 sass?
  • 我正在使用 Atom 文本编辑器和一个为我编译它的扩展。我将 sass 编译为 css 文件没有问题。我要求反过来。

标签: css sass google-chrome-devtools source-maps


【解决方案1】:

尝试在 Sources 面板中打开 Sass 文件。

例如,假设您想更改 margin:0 规则集的 .header-general .header-title 声明。

单击_shortcodes.sass:9 在“源”面板中打开文件。在那里进行编辑,然后按 Control+S(或 Command+S 对于 Mac)进行保存。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-20
    • 2015-12-06
    • 1970-01-01
    • 1970-01-01
    • 2021-12-01
    • 2012-01-19
    相关资源
    最近更新 更多