css - 当使用 Laravel Elixir 编译 Sass(就像 Compass 那样)时，如何让 SCSS 行号显示在 CSS 文件中？

Question

我正在使用 Laravel 5.1 和 Elixir:Laravel Elixir Documentation

如果你使用 Compass 编译 Sass 代码，生成的 CSS 文件在每个选择器上方都有注释，给出了 .scss 文件中代码的行号，如下所示:

当使用标准的 Elixir gulpfile.js 编译 Sass 文件 (app.scss) 时，在 public/css 文件夹中生成了一个 sourcemap，但是我无法获取注释中的行号，如屏幕截图所示.

这在使用 Gulp 时可能吗？

Answer 1

最后，我做到了。

1- 在元素根目录中创建一个 elixir.json 文件(根据 laravel elixir)。

2- 插入以下配置:

{
      "css": {
        "sass": {
          "pluginOptions": {
            "sourceComments": true
          }
        }
      }
}

Laravel Elixir 使用 node-sass plugin它有一个选项(sourcecomments)，用于将行号和文件名添加到编译的 css 文件中。

希望对您有所帮助。