Question

我正在尝试使用源地图在Firefox中实时编辑scss 我按照documentation中列出的步骤进行操作。我的scss源在开发工具中可见并可编辑，但在我执行手动页面刷新之前，不会反映对它们所做的更改。

我的设置：

本地网络服务器，其文档根目录中包含以下内容：

/
├── index.html
├── assets
│   ├── css
│   │   ├── main.css
│   │   ├── main.css.map
│   │   ├── scss
│   │   │   ├── main.scss

的index.html：

<!DOCTYPE html>
<html>
<head>
   <link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
   42
</body>
</html>

main.scss：

body {
   background-color:lightblue;
}

并且，在css目录中运行以生成main.css和main.css.map个文件：

sass --sourcemap=file --watch scss:.

当我在Firefox中访问localhost/index.html时，我可以看到scss文件，但当我将其保存在/path/to/document_root/assets/css/scss/main.scss之后，显示在其下面的“main.css”：

保存它会触发sass以按预期重建，但在重新刷新之前，Firefox似乎没有接受重建的css。